Colour
#372A22
- #372A22
- Orange
- Dark
- Nearest: Black
#372A22 is a orange with RGB values 55, 42, 34 and HSL 23°, 24%, 17%. It is a dark colour, so white text on it reaches 13.8:1 contrast (AAA for normal text). The nearest named colour is Black.
Colour values
#372A22#372A22
HEX#372A22
RGBrgb(55, 42, 34)
RGB (0–1)0.2157, 0.1647, 0.1333
RGB percentages21.6%, 16.5%, 13.3%
HSLhsl(22.9, 23.6%, 17.5%)
HSV / HSBhsv(22.9, 38.2%, 21.6%)
CMYK0%, 23.6%, 38.2%, 78.4%≈naive device-independent conversion; real print needs an ICC profile
24-bit integer3,615,266
CSS custom property--colour: #372A22;
Brightness & contrast
Relative luminance0.02584WCAG 2.x, 0 is black and 1 is white
Perceived brightness45.5 of 255ITU-R BT.601 weighting
Light or darkDark
Best text colour on this backgroundWhitecontrast 13.85:1
Contrast with white13.85:1WCAG normal text: AAA
Contrast with black1.52:1WCAG normal text: Fail
Greyscale equivalent#2C2C2C
Inverted#C8D5DD
Colour vision & accessibility
Distinguishable without hueYesnever rely on hue alone to carry meaning
Contrast with white, large text13.85:1WCAG large text: AAA
Contrast with black, large text1.52:1WCAG large text: Fail
Named colours
Hue familyorange
CSS keyword usableNo exact keyword
Colour harmonies
Complementary#222F37
Analogous#372225, #373422
Triadic#22372A, #2A2237
Split complementary#223735, #222437
Tetradic#243722, #222F37, #352237
Tints, shades & saturation
Channel breakdown
R55
G42
B34
Red55 (21.6%)
Green42 (16.5%)
Blue34 (13.3%)
Hue22.86°
Saturation (HSL)23.6%
Lightness17.45%
Dominant channelRed
Hex per channelR 37 · G 2A · B 22
Keep nerding
Every link below is a page Nerdulator can generate from what it already knows about this value.
Nerdulate something else
Nothing in mind? Surprise me · today’s page