Recognised as Colour
#562D12
- #562D12
- Orange
- Dark
- Nearest: Saddle brown
#562D12 is a orange with RGB values 86, 45, 18 and HSL 24°, 65%, 20%. It is a dark colour, so white text on it reaches 11.8:1 contrast (AAA for normal text). The nearest named colour is Saddle brown.
Colour values
#562D12#562D12
HEX#562D12
RGBrgb(86, 45, 18)
RGB (0–1)0.3373, 0.1765, 0.0706
RGB percentages33.7%, 17.6%, 7.1%
HSLhsl(23.8, 65.4%, 20.4%)
HSV / HSBhsv(23.8, 79.1%, 33.7%)
CMYK0%, 47.7%, 79.1%, 66.3%≈naive device-independent conversion; real print needs an ICC profile
24-bit integer5,647,634
CSS custom property--colour: #562D12;
Brightness & contrast
Relative luminance0.03899WCAG 2.x, 0 is black and 1 is white
Perceived brightness58.6 of 255ITU-R BT.601 weighting
Light or darkDark
Best text colour on this backgroundWhitecontrast 11.8:1
Contrast with white11.8:1WCAG normal text: AAA
Contrast with black1.78:1WCAG normal text: Fail
Greyscale equivalent#343434
Inverted#A9D2ED
Colour vision & accessibility
Distinguishable without hueYesnever rely on hue alone to carry meaning
Contrast with white, large text11.8:1WCAG large text: AAA
Contrast with black, large text1.78:1WCAG large text: Fail
Named colours
Hue familyorange
CSS keyword usableNo exact keyword
Colour harmonies
Complementary#123B56
Analogous#561219, #564F12
Triadic#12562D, #2D1256
Split complementary#12564F, #121956
Tetradic#195612, #123B56, #4F1256
Tints, shades & saturation
Channel breakdown
R86
G45
B18
Red86 (33.7%)
Green45 (17.6%)
Blue18 (7.1%)
Hue23.82°
Saturation (HSL)65.38%
Lightness20.39%
Dominant channelRed
Hex per channelR 56 · G 2D · B 12
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