Colour

#372A0C

#372A0C
Orange
Dark
Nearest: Black

#372A0C is a orange with RGB values 55, 42, 12 and HSL 42°, 64%, 13%. It is a dark colour, so white text on it reaches 14:1 contrast (AAA for normal text). The nearest named colour is Black.

Colour values

#372A0C#372A0C

HEX#372A0C

RGBrgb(55, 42, 12)

RGB (0–1)0.2157, 0.1647, 0.0471

RGB percentages21.6%, 16.5%, 4.7%

HSLhsl(41.9, 64.2%, 13.1%)

HSV / HSBhsv(41.9, 78.2%, 21.6%)

CMYK0%, 23.6%, 78.2%, 78.4%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer3,615,244

CSS custom property--colour: #372A0C;

Brightness & contrast

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

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

Light or darkDark

Best text colour on this backgroundWhitecontrast 14.01:1

Contrast with white14.01:1WCAG normal text: AAA

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

Greyscale equivalent#2B2B2B

Inverted#C8D5F3

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

Protanopia#302A09no red cones; affects about 1% of men; ΔE 4.2 from the original

Deuteranopia#332D0Dno green cones; the most common form, about 1% of men; ΔE 4.1 from the original

Tritanopia#3C2624no blue cones; rare, and affects men and women equally; ΔE 17.3 from the original

Distinguishable without hueYesnever rely on hue alone to carry meaning

Contrast with white, large text14.01:1WCAG large text: AAA

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

Named colours

Black · ΔE 27.6 Dark slate grey · ΔE 31.2 Dark olivegreen · ΔE 33.5 Dim grey · ΔE 33.8 Saddle brown · ΔE 37.2 Sienna · ΔE 40.4

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

Hue familyorange

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#0C1937

Analogous#37140C, #2E370C

Triadic#0C372A, #2A0C37

Split complementary#0C2E37, #150C37

Tetradic#0C3715, #0C1937, #370C2E

Tints, shades & saturation

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

Lighter +40%#D4A63B

Lighter +30%#B58A27

Lighter +20%#8B6A1E

Lighter +10%#614A15

Darker −10%#0D0A03

Darker −20%#000000

Darker −30%#000000

Darker −40%#000000

More saturated +25%#3F2D04

Less saturated −25%#2F2714

Channel breakdown

R55

G42

B12

Red55 (21.6%)

Green42 (16.5%)

Blue12 (4.7%)

Hue41.86°

Saturation (HSL)64.18%

Lightness13.14%

Dominant channelRed

Hex per channelR 37 · G 2A · B 0C

Keep nerding

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

#372A0C

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