Recognised as Colour
#D36A1D
- #D36A1D
- Orange
- Dark
- Nearest: Chocolate
#D36A1D is a orange with RGB values 211, 106, 29 and HSL 25°, 76%, 47%. It is a dark colour, so black text on it reaches 5.8:1 contrast (AA for normal text). The nearest named colour is Chocolate.
Colour values
#D36A1D#D36A1D
HEX#D36A1D
RGBrgb(211, 106, 29)
RGB (0–1)0.8275, 0.4157, 0.1137
RGB percentages82.7%, 41.6%, 11.4%
HSLhsl(25.4, 75.8%, 47.1%)
HSV / HSBhsv(25.4, 86.3%, 82.7%)
CMYK0%, 49.8%, 86.3%, 17.3%≈naive device-independent conversion; real print needs an ICC profile
24-bit integer13,855,261
CSS custom property--colour: #D36A1D;
Brightness & contrast
Relative luminance0.24246WCAG 2.x, 0 is black and 1 is white
Perceived brightness141.4 of 255ITU-R BT.601 weighting
Light or darkDark
Best text colour on this backgroundBlackcontrast 5.85:1
Contrast with white3.59:1WCAG normal text: Fail
Contrast with black5.85:1WCAG normal text: AA
Greyscale equivalent#7B7B7B
Inverted#2C95E2
Colour vision & accessibility
Distinguishable without hueShifts in lightness toonever rely on hue alone to carry meaning
Contrast with white, large text3.59:1WCAG large text: AA
Contrast with black, large text5.85:1WCAG large text: AAA
Named colours
Hue familyorange
CSS keyword usableNo exact keyword
Colour harmonies
Complementary#1D86D3
Analogous#D31D2B, #D3C51D
Triadic#1DD36A, #6A1DD3
Split complementary#1DD3C5, #1D2BD3
Tetradic#2BD31D, #1D86D3, #C51DD3
Tints, shades & saturation
Channel breakdown
R211
G106
B29
Red211 (82.7%)
Green106 (41.6%)
Blue29 (11.4%)
Hue25.38°
Saturation (HSL)75.83%
Lightness47.06%
Dominant channelRed
Hex per channelR D3 · G 6A · B 1D
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