Colour

#240F0C

#240F0C
Red
Dark
Nearest: Black

#240F0C is a red with RGB values 36, 15, 12 and HSL 8°, 50%, 9%. It is a dark colour, so white text on it reaches 18.3:1 contrast (AAA for normal text). The nearest named colour is Black.

Colour values

#240F0C#240F0C

HEX#240F0C

RGBrgb(36, 15, 12)

RGB (0–1)0.1412, 0.0588, 0.0471

RGB percentages14.1%, 5.9%, 4.7%

HSLhsl(7.5, 50%, 9.4%)

HSV / HSBhsv(7.5, 66.7%, 14.1%)

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

24-bit integer2,363,148

CSS custom property--colour: #240F0C;

Brightness & contrast

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

Perceived brightness23.2 of 255ITU-R BT.601 weighting

Light or darkDark

Best text colour on this backgroundWhitecontrast 18.28:1

Contrast with white18.28:1WCAG normal text: AAA

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

Greyscale equivalent#131313

Inverted#DBF0F3

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

Protanopia#14120Cno red cones; affects about 1% of men; ΔE 10.9 from the original

Deuteranopia#19170Cno green cones; the most common form, about 1% of men; ΔE 11.7 from the original

Tritanopia#280C0Eno blue cones; rare, and affects men and women equally; ΔE 4.3 from the original

Distinguishable without hueYesnever rely on hue alone to carry meaning

Contrast with white, large text18.28:1WCAG large text: AAA

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

Named colours

Black · ΔE 13.4 Dark slate grey · ΔE 34.2 Dim grey · ΔE 39.4 Gray · ΔE 48.3 Saddle brown · ΔE 49.8 Slate grey · ΔE 50.3

Nearest named CSS colourBlack (#000000)ΔE 13.42, a distinctly different colour

Hue familyred

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#0C2124

Analogous#240C15, #241B0C

Triadic#0C240F, #0F0C24

Split complementary#0C241B, #0C1524

Tetradic#15240C, #0C2124, #1B0C24

Tints, shades & saturation

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

Lighter +40%#BD4F3F

Lighter +30%#973F32

Lighter +20%#712F26

Lighter +10%#4A1F19

Darker −10%#000000

Darker −20%#000000

Darker −30%#000000

Darker −40%#000000

More saturated +25%#2A0B06

Less saturated −25%#1E1412

Channel breakdown

R36

G15

B12

Red36 (14.1%)

Green15 (5.9%)

Blue12 (4.7%)

Hue7.5°

Saturation (HSL)50%

Lightness9.41%

Dominant channelRed

Hex per channelR 24 · G 0F · B 0C

Keep nerding

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

#240F0C

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