#C8BDAB#C8BDAB
#C8BDAB is a light, muted orange. Relative luminance 0.516; OKLCH L 80.3% C 0.028 H 80.2°. Best body text is #000000 at 11.32:1 contrast (WCAG AA passes).
Color values
| HEX | #C8BDAB |
|---|---|
| RGB | rgb(200, 189, 171) |
| HSL | hsl(37, 21%, 73%) |
| HSV | hsv(37, 15%, 78%) |
| CMYK | cmyk(0%, 5.5%, 14.5%, 21.6%) |
| CIE-LAB | lab(77.05, 0.84, 10.49) |
| CIE-LCH | lch(77.05, 10.52, 85.43°) |
| OKLab | oklab(80.25% 0.0047 0.0273) |
| OKLCH | oklch(80.25% 0.028 80.2) |
| XYZ | xyz(49.3672, 51.6156, 45.8824) |
| Luminance | 0.5161 (WCAG relative) |
| Temperature | warm |
| Family | orange |
Closest named colors
Warm Gray
#C9BEB0
ΔE00 1.79
Greige
#B8AB98
ΔE00 4.90
Khaki
#C3B091
ΔE00 5.83
Putty
#BEAE8A
ΔE00 7.27
Warm Beige
#E9DCC9
ΔE00 7.62
Greyish
#A8A495
ΔE00 8.03
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#C8BDAB #ABB6C8
analogous
#C8AEAB #C8BDAB #C4C8AB
triadic
#C8BDAB #ABC8BD #BDABC8
tetradic
#C8BDAB #ABC8AE #ABB6C8 #C8ABC4
square
#C8BDAB #ABC8AE #ABB6C8 #C8ABC4
split-complementary
#C8BDAB #ABC4C8 #AEABC8
monochromatic
#968362 #B0A086 #C8BDAB #E0DAD0 #F3F0ED
Accessibility & contrast
On white
1.85
#C8BDAB on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
11.32
#C8BDAB on #000000
AA ✓AA large ✓AAA ✓
Best text color
#000000 on #C8BDAB
11.32:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##C8BDAB | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##C8BDAB | 1.00 | 1.85 | 11.32 | 11.32 |
| #FFFFFF | 1.85 | 1.00 | 21.00 | 21.00 |
| #000000 | 11.32 | 21.00 | 1.00 | 1.00 |
| ##000000 | 11.32 | 21.00 | 1.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#C2BDAA
Deuteranopia (green-blind)
#C5BFAB
Tritanopia (blue-blind)
#CDBAB8
Achromatopsia (no color)
#BEBEBE
Design tokens & code
CSS
--color: #c8bdab; /* rgb */ color: rgb(200, 189, 171); /* oklch */ color: oklch(80.3% 0.028 80.2);
Tailwind
colors: {
custom: {
50: '#d8d0c4',
500: '#c8bdab',
950: '#000000',
},
}SCSS
$custom: #c8bdab; $custom-light: #d8d0c4; $custom-dark: #000000;
JSON
{
"hex": "#c8bdab",
"rgb": {
"r": 200,
"g": 189,
"b": 171
},
"hsl": {
"h": 37.241,
"s": 20.863,
"l": 72.745
},
"oklch": {
"l": 0.80251,
"c": 0.0277,
"h": 80.2
},
"luminance": 0.51615
}Semantic roles & 50–950 ramp
primary
#C8BDAB
secondary
#7B889C
accent
#689F46
background
#FEFEFD
surface
#FBFBF9
border
#D4D4D2
text
#141412
muted
#838382