Colour
#D8B28C
- #D8B28C
- Orange
- Dark
- Nearest: Tan
#D8B28C is a orange with RGB values 216, 178, 140 and HSL 30°, 49%, 70%. It is a dark colour, so black text on it reaches 10.7:1 contrast (AAA for normal text). The nearest named colour is Tan.
Colour values
#D8B28C#D8B28C
HEX#D8B28C
RGBrgb(216, 178, 140)
RGB (0–1)0.8471, 0.698, 0.549
RGB percentages84.7%, 69.8%, 54.9%
HSLhsl(30, 49.4%, 69.8%)
HSV / HSBhsv(30, 35.2%, 84.7%)
CMYK0%, 17.6%, 35.2%, 15.3%≈naive device-independent conversion; real print needs an ICC profile
24-bit integer14,201,484
CSS custom property--colour: #D8B28C;
Brightness & contrast
Relative luminance0.48333WCAG 2.x, 0 is black and 1 is white
Perceived brightness186.5 of 255ITU-R BT.601 weighting
Light or darkDark
Best text colour on this backgroundBlackcontrast 10.67:1
Contrast with white1.97:1WCAG normal text: Fail
Contrast with black10.67:1WCAG normal text: AAA
Greyscale equivalent#B7B7B7
Inverted#274D73
Colour vision & accessibility
Distinguishable without hueYesnever rely on hue alone to carry meaning
Contrast with white, large text1.97:1WCAG large text: Fail
Contrast with black, large text10.67:1WCAG large text: AAA
Named colours
Hue familyorange
CSS keyword usableNo exact keyword
Colour harmonies
Complementary#8CB2D8
Analogous#D88C8C, #D8D88C
Triadic#8CD8B2, #B28CD8
Split complementary#8CD8D8, #8C8CD8
Tetradic#8CD88C, #8CB2D8, #D88CD8
Tints, shades & saturation
Channel breakdown
R216
G178
B140
Red216 (84.7%)
Green178 (69.8%)
Blue140 (54.9%)
Hue30°
Saturation (HSL)49.35%
Lightness69.8%
Dominant channelRed
Hex per channelR D8 · G B2 · B 8C
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