#EDD9BF#EDD9BF
#EDD9BF is a very light, muted orange. Relative luminance 0.714; OKLCH L 89.5% C 0.041 H 74.4°. Best body text is #000000 at 15.28:1 contrast (WCAG AA passes).
Color values
| HEX | #EDD9BF |
|---|---|
| RGB | rgb(237, 217, 191) |
| HSL | hsl(34, 56%, 84%) |
| HSV | hsv(34, 19%, 93%) |
| CMYK | cmyk(0%, 8.4%, 19.4%, 7.1%) |
| CIE-LAB | lab(87.68, 2.80, 15.31) |
| CIE-LCH | lch(87.68, 15.57, 79.63°) |
| OKLab | oklab(89.49% 0.011 0.0396) |
| OKLCH | oklch(89.49% 0.041 74.4) |
| XYZ | xyz(69.1417, 71.3934, 59.4182) |
| Luminance | 0.7139 (WCAG relative) |
| Temperature | warm |
| Family | orange |
Closest named colors
Warm Beige
#E9DCC9
ΔE00 3.15
Champagne
#F7E7CE
ΔE00 3.37
Bisque
#FFE4C4
ΔE00 3.70
Blanchedalmond
#FFEBCD
ΔE00 4.13
Antiquewhite
#FAEBD7
ΔE00 4.52
Papayawhip
#FFEFD5
ΔE00 4.95
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#EDD9BF #BFD3ED
analogous
#EDC2BF #EDD9BF #EAEDBF
triadic
#EDD9BF #BFEDD9 #D9BFED
tetradic
#EDD9BF #BFEDC2 #BFD3ED #EDBFEA
square
#EDD9BF #BFEDC2 #BFD3ED #EDBFEA
split-complementary
#EDD9BF #BFEAED #C2BFED
monochromatic
#D2A05F #E0BD8F #EDD9BF #F8F1E7 #F8F1E7
Accessibility & contrast
On white
1.37
#EDD9BF on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
15.28
#EDD9BF on #000000
AA ✓AA large ✓AAA ✓
Best text color
#000000 on #EDD9BF
15.28:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##EDD9BF | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##EDD9BF | 1.00 | 1.37 | 15.28 | 15.28 |
| #FFFFFF | 1.37 | 1.00 | 21.00 | 21.00 |
| #000000 | 15.28 | 21.00 | 1.00 | 1.00 |
| ##000000 | 15.28 | 21.00 | 1.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#E1D9BD
Deuteranopia (green-blind)
#E6DEC0
Tritanopia (blue-blind)
#F5D4D2
Achromatopsia (no color)
#DCDCDC
Design tokens & code
CSS
--color: #edd9bf; /* rgb */ color: rgb(237, 217, 191); /* oklch */ color: oklch(89.5% 0.041 74.4);
Tailwind
colors: {
custom: {
50: '#f3e4d2',
500: '#edd9bf',
950: '#000000',
},
}SCSS
$custom: #edd9bf; $custom-light: #f3e4d2; $custom-dark: #000000;
JSON
{
"hex": "#edd9bf",
"rgb": {
"r": 237,
"g": 217,
"b": 191
},
"hsl": {
"h": 33.913,
"s": 56.098,
"l": 83.922
},
"oklch": {
"l": 0.89485,
"c": 0.04111,
"h": 74.4
},
"luminance": 0.71392
}Semantic roles & 50–950 ramp
primary
#EDD9BF
secondary
#86A4CA
accent
#68C422
background
#FFFEFE
surface
#FEFCFB
border
#D6D5D4
text
#171514
muted
#858483