#DBBDB0#DBBDB0
#DBBDB0 is a very light, muted orange. Relative luminance 0.546; OKLCH L 82.1% C 0.039 H 44.8°. Best body text is #000000 at 11.92:1 contrast (WCAG AA passes).
Color values
| HEX | #DBBDB0 |
|---|---|
| RGB | rgb(219, 189, 176) |
| HSL | hsl(18, 37%, 77%) |
| HSV | hsv(18, 20%, 86%) |
| CMYK | cmyk(0%, 13.7%, 19.6%, 14.1%) |
| CIE-LAB | lab(78.81, 8.64, 10.51) |
| CIE-LCH | lch(78.81, 13.61, 50.60°) |
| OKLab | oklab(82.06% 0.0276 0.0274) |
| OKLCH | oklch(82.06% 0.039 44.8) |
| XYZ | xyz(55.2476, 54.5915, 48.6928) |
| Luminance | 0.5459 (WCAG relative) |
| Temperature | warm |
| Family | orange |
Closest named colors
Pinkish Grey
#C8ACA9
ΔE00 6.32
Apricot
#FBCEB1
ΔE00 7.69
Warm Gray
#C9BEB0
ΔE00 8.32
Mushroom
#BA9E88
ΔE00 9.85
Peach
#FFDAB9
ΔE00 10.01
Mistyrose
#FFE4E1
ΔE00 10.11
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#DBBDB0 #B0CEDB
analogous
#DBB0B8 #DBBDB0 #DBD3B0
triadic
#DBBDB0 #B0DBBD #BDB0DB
tetradic
#DBBDB0 #B8DBB0 #B0CEDB #D3B0DB
square
#DBBDB0 #B8DBB0 #B0CEDB #D3B0DB
split-complementary
#DBBDB0 #B0DBD3 #B0B8DB
monochromatic
#B5775C #C89A86 #DBBDB0 #EEE0DA #F5EDEA
Accessibility & contrast
On white
1.76
#DBBDB0 on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
11.92
#DBBDB0 on #000000
AA ✓AA large ✓AAA ✓
Best text color
#000000 on #DBBDB0
11.92:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##DBBDB0 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##DBBDB0 | 1.00 | 1.76 | 11.92 | 11.92 |
| #FFFFFF | 1.76 | 1.00 | 21.00 | 21.00 |
| #000000 | 11.92 | 21.00 | 1.00 | 1.00 |
| ##000000 | 11.92 | 21.00 | 1.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#C4C0AF
Deuteranopia (green-blind)
#CBC5B0
Tritanopia (blue-blind)
#E4B8B9
Achromatopsia (no color)
#C3C3C3
Design tokens & code
CSS
--color: #dbbdb0; /* rgb */ color: rgb(219, 189, 176); /* oklch */ color: oklch(82.1% 0.039 44.8);
Tailwind
colors: {
custom: {
50: '#e6d0c7',
500: '#dbbdb0',
950: '#000000',
},
}SCSS
$custom: #dbbdb0; $custom-light: #e6d0c7; $custom-dark: #000000;
JSON
{
"hex": "#dbbdb0",
"rgb": {
"r": 219,
"g": 189,
"b": 176
},
"hsl": {
"h": 18.14,
"s": 37.391,
"l": 77.451
},
"oklch": {
"l": 0.82056,
"c": 0.03893,
"h": 44.8
},
"luminance": 0.5459
}Semantic roles & 50–950 ramp
primary
#DBBDB0
secondary
#7DA2B3
accent
#8BB035
background
#FEFEFD
surface
#FCFBF9
border
#D5D4D2
text
#161413
muted
#848382