#CEBFB6#CEBFB6
#CEBFB6 is a light, muted orange. Relative luminance 0.538; OKLCH L 81.5% C 0.021 H 53.2°. Best body text is #000000 at 11.75:1 contrast (WCAG AA passes).
Color values
| HEX | #CEBFB6 |
|---|---|
| RGB | rgb(206, 191, 182) |
| HSL | hsl(23, 20%, 76%) |
| HSV | hsv(23, 12%, 81%) |
| CMYK | cmyk(0%, 7.3%, 11.7%, 19.2%) |
| CIE-LAB | lab(78.32, 3.75, 6.44) |
| CIE-LCH | lch(78.32, 7.45, 59.76°) |
| OKLab | oklab(81.46% 0.0127 0.0169) |
| OKLCH | oklch(81.46% 0.021 53.2) |
| XYZ | xyz(52.5272, 53.7617, 51.8568) |
| Luminance | 0.5376 (WCAG relative) |
| Temperature | warm |
| Family | orange |
Closest named colors
Warm Gray
#C9BEB0
ΔE00 3.70
Silver
#C0C0C0
ΔE00 7.18
Greige
#B8AB98
ΔE00 7.71
Pinkish Grey
#C8ACA9
ΔE00 7.83
Light Gray
#D3D3D3
ΔE00 8.34
Warm Beige
#E9DCC9
ΔE00 8.38
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#CEBFB6 #B6C5CE
analogous
#CEB6B9 #CEBFB6 #CECBB6
triadic
#CEBFB6 #B6CEBF #BFB6CE
tetradic
#CEBFB6 #B9CEB6 #B6C5CE #CBB6CE
square
#CEBFB6 #B9CEB6 #B6C5CE #CBB6CE
split-complementary
#CEBFB6 #B6CECB #B6B9CE
monochromatic
#9D7F6D #B59F91 #CEBFB6 #E7DFDB #F3EFED
Accessibility & contrast
On white
1.79
#CEBFB6 on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
11.75
#CEBFB6 on #000000
AA ✓AA large ✓AAA ✓
Best text color
#000000 on #CEBFB6
11.75:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##CEBFB6 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##CEBFB6 | 1.00 | 1.79 | 11.75 | 11.75 |
| #FFFFFF | 1.79 | 1.00 | 21.00 | 21.00 |
| #000000 | 11.75 | 21.00 | 1.00 | 1.00 |
| ##000000 | 11.75 | 21.00 | 1.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#C3C0B5
Deuteranopia (green-blind)
#C7C3B6
Tritanopia (blue-blind)
#D3BCBC
Achromatopsia (no color)
#C2C2C2
Design tokens & code
CSS
--color: #cebfb6; /* rgb */ color: rgb(206, 191, 182); /* oklch */ color: oklch(81.5% 0.021 53.2);
Tailwind
colors: {
custom: {
50: '#ddd2cb',
500: '#cebfb6',
950: '#000000',
},
}SCSS
$custom: #cebfb6; $custom-light: #ddd2cb; $custom-dark: #000000;
JSON
{
"hex": "#cebfb6",
"rgb": {
"r": 206,
"g": 191,
"b": 182
},
"hsl": {
"h": 22.5,
"s": 19.672,
"l": 76.078
},
"oklch": {
"l": 0.81456,
"c": 0.02115,
"h": 53.2
},
"luminance": 0.53761
}Semantic roles & 50–950 ramp
primary
#CEBFB6
secondary
#8598A3
accent
#7E9E47
background
#FEFEFD
surface
#FCFBF9
border
#D5D4D2
text
#151413
muted
#848382