Recognised as Colour

#180A0C

#180A0C
Red
Dark
Nearest: Black

#180A0C is a red with RGB values 24, 10, 12 and HSL 351°, 41%, 7%. It is a dark colour, so white text on it reaches 19.3:1 contrast (AAA for normal text). The nearest named colour is Black.

Colour values

#180A0C#180A0C

HEX#180A0C

RGBrgb(24, 10, 12)

RGB (0–1)0.0941, 0.0392, 0.0471

RGB percentages9.4%, 3.9%, 4.7%

HSLhsl(351.4, 41.2%, 6.7%)

HSV / HSBhsv(351.4, 58.3%, 9.4%)

CMYK0%, 58.3%, 50%, 90.6%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer1,575,436

CSS custom property--colour: #180A0C;

Brightness & contrast

Relative luminance0.00438WCAG 2.x, 0 is black and 1 is white

Perceived brightness15.7 of 255ITU-R BT.601 weighting

Light or darkDark

Best text colour on this backgroundWhitecontrast 19.31:1

Contrast with white19.31:1WCAG normal text: AAA

Contrast with black1.09:1WCAG normal text: Fail

Greyscale equivalent#0D0D0D

Inverted#E7F5F3

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

Protanopia#0C0C0Cno red cones; affects about 1% of men; ΔE 5.7 from the original

Deuteranopia#100F0Cno green cones; the most common form, about 1% of men; ΔE 5.7 from the original

Tritanopia#1A090Bno blue cones; rare, and affects men and women equally; ΔE 1.4 from the original

Distinguishable without hueYesnever rely on hue alone to carry meaning

Contrast with white, large text19.31:1WCAG large text: AAA

Contrast with black, large text1.09:1WCAG large text: Fail

Named colours

Black · ΔE 6.9 Dark slate grey · ΔE 32.7 Dim grey · ΔE 40.9 Gray · ΔE 50 Slate grey · ΔE 50.8 Light slate grey · ΔE 53.9

Nearest named CSS colourBlack (#000000)ΔE 6.89, clearly different but related

Hue familyred

CSS keyword usableNo exact keyword

Colour harmonies

base +30°+90°+120°+180°+210°+240°+270°+330°

Complementary#0A1816

Analogous#180A13, #180F0A

Triadic#0C180A, #0A0C18

Split complementary#0A180F, #0A1318

Tetradic#13180A, #0A1816, #0F0A18

Tints, shades & saturation

+40%+30%+20%+10%base -10%-20%-30%-40%

Lighter +40%#A84654

Lighter +30%#843742

Lighter +20%#602830

Lighter +10%#3C191E

Darker −10%#000000

Darker −20%#000000

Darker −30%#000000

Darker −40%#000000

More saturated +25%#1C0609

Less saturated −25%#140E0F

Channel breakdown

R24

G10

B12

Red24 (9.4%)

Green10 (3.9%)

Blue12 (4.7%)

Hue351.43°

Saturation (HSL)41.18%

Lightness6.67%

Dominant channelRed

Hex per channelR 18 · G 0A · B 0C

Keep nerding

Every link below is a page Nerdulator can generate from what it already knows about this value.

#180A0C

Colour values

Brightness & contrast

Colour vision & accessibility

Named colours

Colour harmonies

Tints, shades & saturation

Channel breakdown

Keep nerding

Harmonies

Lighter and darker

Similar named colours

Nerdulate something else