#D5CDBD#D5CDBD
#D5CDBD is a very light, muted orange. Relative luminance 0.615; OKLCH L 85.0% C 0.023 H 84.6°. Best body text is #000000 at 13.30:1 contrast (WCAG AA passes).
Color values
| HEX | #D5CDBD |
|---|---|
| RGB | rgb(213, 205, 189) |
| HSL | hsl(40, 22%, 79%) |
| HSV | hsv(40, 11%, 84%) |
| CMYK | cmyk(0%, 3.8%, 11.3%, 16.5%) |
| CIE-LAB | lab(82.64, 0.04, 8.95) |
| CIE-LCH | lch(82.64, 8.95, 89.72°) |
| OKLab | oklab(85.04% 0.0022 0.0234) |
| OKLCH | oklch(85.04% 0.023 84.6) |
| XYZ | xyz(58.4563, 61.4836, 56.9223) |
| Luminance | 0.6148 (WCAG relative) |
| Temperature | warm |
| Family | orange |
Closest named colors
Warm Gray
#C9BEB0
ΔE00 4.09
Warm Beige
#E9DCC9
ΔE00 4.30
Eggshell
#F0EAD6
ΔE00 6.75
Light Grey
#D8DCD6
ΔE00 7.10
Champagne
#F7E7CE
ΔE00 7.27
Light Gray
#D3D3D3
ΔE00 7.56
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#D5CDBD #BDC5D5
analogous
#D5C1BD #D5CDBD #D1D5BD
triadic
#D5CDBD #BDD5CD #CDBDD5
tetradic
#D5CDBD #BDD5C1 #BDC5D5 #D5BDD1
square
#D5CDBD #BDD5C1 #BDC5D5 #D5BDD1
split-complementary
#D5CDBD #BDD1D5 #C1BDD5
monochromatic
#A59472 #BDB198 #D5CDBD #EDE9E2 #F3F1EC
Accessibility & contrast
On white
1.58
#D5CDBD on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
13.30
#D5CDBD on #000000
AA ✓AA large ✓AAA ✓
Best text color
#000000 on #D5CDBD
13.30:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##D5CDBD | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##D5CDBD | 1.00 | 1.58 | 13.30 | 13.30 |
| #FFFFFF | 1.58 | 1.00 | 21.00 | 21.00 |
| #000000 | 13.30 | 21.00 | 1.00 | 1.00 |
| ##000000 | 13.30 | 21.00 | 1.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#D1CCBC
Deuteranopia (green-blind)
#D3CFBD
Tritanopia (blue-blind)
#DACAC8
Achromatopsia (no color)
#CECECE
Design tokens & code
CSS
--color: #d5cdbd; /* rgb */ color: rgb(213, 205, 189); /* oklch */ color: oklch(85.0% 0.023 84.6);
Tailwind
colors: {
custom: {
50: '#e2dcd0',
500: '#d5cdbd',
950: '#000000',
},
}SCSS
$custom: #d5cdbd; $custom-light: #e2dcd0; $custom-dark: #000000;
JSON
{
"hex": "#d5cdbd",
"rgb": {
"r": 213,
"g": 205,
"b": 189
},
"hsl": {
"h": 40,
"s": 22.222,
"l": 78.824
},
"oklch": {
"l": 0.85038,
"c": 0.02349,
"h": 84.6
},
"luminance": 0.61483
}Semantic roles & 50–950 ramp
primary
#D5CDBD
secondary
#8C96AB
accent
#63A145
background
#FEFEFE
surface
#FCFCFB
border
#D5D5D4
text
#151514
muted
#848483