#CDC1B2#CDC1B2
#CDC1B2 is a light, muted orange. Relative luminance 0.543; OKLCH L 81.7% C 0.025 H 73.6°. Best body text is #000000 at 11.87:1 contrast (WCAG AA passes).
Color values
| HEX | #CDC1B2 |
|---|---|
| RGB | rgb(205, 193, 178) |
| HSL | hsl(33, 21%, 75%) |
| HSV | hsv(33, 13%, 80%) |
| CMYK | cmyk(0%, 5.9%, 13.2%, 19.6%) |
| CIE-LAB | lab(78.66, 1.68, 9.06) |
| CIE-LCH | lch(78.66, 9.21, 79.52°) |
| OKLab | oklab(81.67% 0.007 0.0237) |
| OKLCH | oklch(81.67% 0.025 73.6) |
| XYZ | xyz(52.2821, 54.3342, 49.8442) |
| Luminance | 0.5433 (WCAG relative) |
| Temperature | warm |
| Family | orange |
Closest named colors
Warm Gray
#C9BEB0
ΔE00 0.94
Greige
#B8AB98
ΔE00 6.17
Warm Beige
#E9DCC9
ΔE00 6.61
Khaki
#C3B091
ΔE00 7.24
Silver
#C0C0C0
ΔE00 7.79
Silver (survey)
#C5C9C7
ΔE00 8.62
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#CDC1B2 #B2BECD
analogous
#CDB3B2 #CDC1B2 #CCCDB2
triadic
#CDC1B2 #B2CDC1 #C1B2CD
tetradic
#CDC1B2 #B2CDB3 #B2BECD #CDB2CC
square
#CDC1B2 #B2CDB3 #B2BECD #CDB2CC
split-complementary
#CDC1B2 #B2CCCD #B3B2CD
monochromatic
#9D8568 #B5A38D #CDC1B2 #E5DFD7 #F3F0EC
Accessibility & contrast
On white
1.77
#CDC1B2 on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
11.87
#CDC1B2 on #000000
AA ✓AA large ✓AAA ✓
Best text color
#000000 on #CDC1B2
11.87:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##CDC1B2 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##CDC1B2 | 1.00 | 1.77 | 11.87 | 11.87 |
| #FFFFFF | 1.77 | 1.00 | 21.00 | 21.00 |
| #000000 | 11.87 | 21.00 | 1.00 | 1.00 |
| ##000000 | 11.87 | 21.00 | 1.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#C6C1B1
Deuteranopia (green-blind)
#C9C4B2
Tritanopia (blue-blind)
#D2BEBD
Achromatopsia (no color)
#C3C3C3
Design tokens & code
CSS
--color: #cdc1b2; /* rgb */ color: rgb(205, 193, 178); /* oklch */ color: oklch(81.7% 0.025 73.6);
Tailwind
colors: {
custom: {
50: '#dcd3c9',
500: '#cdc1b2',
950: '#000000',
},
}SCSS
$custom: #cdc1b2; $custom-light: #dcd3c9; $custom-dark: #000000;
JSON
{
"hex": "#cdc1b2",
"rgb": {
"r": 205,
"g": 193,
"b": 178
},
"hsl": {
"h": 33.333,
"s": 21.26,
"l": 75.098
},
"oklch": {
"l": 0.81666,
"c": 0.02468,
"h": 73.6
},
"luminance": 0.54333
}Semantic roles & 50–950 ramp
primary
#CDC1B2
secondary
#8190A2
accent
#6EA046
background
#FEFEFD
surface
#FCFBF9
border
#D5D4D2
text
#151413
muted
#848382