#D29C8A#D29C8A
#D29C8A is a light, moderate orange. Relative luminance 0.393; OKLCH L 73.9% C 0.070 H 39.2°. Best body text is #000000 at 8.86:1 contrast (WCAG AA passes).
Color values
| HEX | #D29C8A |
|---|---|
| RGB | rgb(210, 156, 138) |
| HSL | hsl(15, 44%, 68%) |
| HSV | hsv(15, 34%, 82%) |
| CMYK | cmyk(0%, 25.7%, 34.3%, 17.6%) |
| CIE-LAB | lab(68.98, 17.71, 17.31) |
| CIE-LCH | lch(68.98, 24.76, 44.34°) |
| OKLab | oklab(73.93% 0.0542 0.0442) |
| OKLCH | oklch(73.93% 0.07 39.2) |
| XYZ | xyz(43.0555, 39.3160, 29.3608) |
| Luminance | 0.3931 (WCAG relative) |
| Temperature | warm |
| Family | orange |
Closest named colors
Pinkish Tan
#D99B82
ΔE00 2.74
Darksalmon
#E9967A
ΔE00 6.12
Blush (survey)
#F29E8E
ΔE00 6.82
Light Salmon
#FEA993
ΔE00 8.28
Rosybrown
#BC8F8F
ΔE00 8.56
Pale Salmon
#FFB19A
ΔE00 8.66
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#D29C8A #8AC0D2
analogous
#D28A9C #D29C8A #D2C08A
triadic
#D29C8A #8AD29C #9C8AD2
tetradic
#D29C8A #9CD28A #8AC0D2 #C08AD2
square
#D29C8A #9CD28A #8AC0D2 #C08AD2
split-complementary
#D29C8A #8AD2C0 #8A9CD2
monochromatic
#A3583F #C1775E #D29C8A #E3C1B6 #F4E7E2
Accessibility & contrast
On white
2.37
#D29C8A on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
8.86
#D29C8A on #000000
AA ✓AA large ✓AAA ✓
Best text color
#000000 on #D29C8A
8.86:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##D29C8A | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##D29C8A | 1.00 | 2.37 | 8.86 | 8.86 |
| #FFFFFF | 2.37 | 1.00 | 21.00 | 21.00 |
| #000000 | 8.86 | 21.00 | 1.00 | 1.00 |
| ##000000 | 8.86 | 21.00 | 1.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#A9A289
Deuteranopia (green-blind)
#B5AD8A
Tritanopia (blue-blind)
#DF9497
Achromatopsia (no color)
#A8A8A8
Design tokens & code
CSS
--color: #d29c8a; /* rgb */ color: rgb(210, 156, 138); /* oklch */ color: oklch(73.9% 0.070 39.2);
Tailwind
colors: {
custom: {
50: '#e1b9ac',
500: '#d29c8a',
950: '#000000',
},
}SCSS
$custom: #d29c8a; $custom-light: #e1b9ac; $custom-dark: #000000;
JSON
{
"hex": "#d29c8a",
"rgb": {
"r": 210,
"g": 156,
"b": 138
},
"hsl": {
"h": 15,
"s": 44.444,
"l": 68.235
},
"oklch": {
"l": 0.73926,
"c": 0.06996,
"h": 39.2
},
"luminance": 0.39314
}Semantic roles & 50–950 ramp
primary
#D29C8A
secondary
#D1E1E7
accent
#95B82E
background
#FDFBFA
surface
#FBF6F4
border
#D4D0CE
text
#151110
muted
#83807F