#EFDBB1#EFDBB1
#EFDBB1 is a very light, muted orange. Relative luminance 0.722; OKLCH L 89.7% C 0.059 H 85.5°. Best body text is #000000 at 15.44:1 contrast (WCAG AA passes).
Color values
| HEX | #EFDBB1 |
|---|---|
| RGB | rgb(239, 219, 177) |
| HSL | hsl(41, 66%, 82%) |
| HSV | hsv(41, 26%, 94%) |
| CMYK | cmyk(0%, 8.4%, 25.9%, 6.3%) |
| CIE-LAB | lab(88.06, 0.54, 23.19) |
| CIE-LCH | lch(88.06, 23.20, 88.66°) |
| OKLab | oklab(89.73% 0.0046 0.059) |
| OKLCH | oklch(89.73% 0.059 85.5) |
| XYZ | xyz(68.8644, 72.1899, 51.8929) |
| Luminance | 0.7219 (WCAG relative) |
| Temperature | warm |
| Family | orange |
Closest named colors
Wheat
#F5DEB3
ΔE00 1.29
Moccasin
#FFE4B5
ΔE00 3.21
Pale Peach
#FFE5AD
ΔE00 4.11
Navajowhite
#FFDEAD
ΔE00 4.27
Beige (survey)
#E6DAA6
ΔE00 4.29
Vanilla
#F3E5AB
ΔE00 5.08
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#EFDBB1 #B1C5EF
analogous
#EFBCB1 #EFDBB1 #E4EFB1
triadic
#EFDBB1 #B1EFDB #DBB1EF
tetradic
#EFDBB1 #B1EFBC #B1C5EF #EFB1E4
square
#EFDBB1 #B1EFBC #B1C5EF #EFB1E4
split-complementary
#EFDBB1 #B1E4EF #BCB1EF
monochromatic
#DAAC4B #E5C47E #EFDBB1 #F9F2E4 #FAF3E6
Accessibility & contrast
On white
1.36
#EFDBB1 on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
15.44
#EFDBB1 on #000000
AA ✓AA large ✓AAA ✓
Best text color
#000000 on #EFDBB1
15.44:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##EFDBB1 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##EFDBB1 | 1.00 | 1.36 | 15.44 | 15.44 |
| #FFFFFF | 1.36 | 1.00 | 21.00 | 21.00 |
| #000000 | 15.44 | 21.00 | 1.00 | 1.00 |
| ##000000 | 15.44 | 21.00 | 1.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#E5DAAE
Deuteranopia (green-blind)
#EADFB2
Tritanopia (blue-blind)
#F9D4D0
Achromatopsia (no color)
#DDDDDD
Design tokens & code
CSS
--color: #efdbb1; /* rgb */ color: rgb(239, 219, 177); /* oklch */ color: oklch(89.7% 0.059 85.5);
Tailwind
colors: {
custom: {
50: '#f5e6c8',
500: '#efdbb1',
950: '#000000',
},
}SCSS
$custom: #efdbb1; $custom-light: #f5e6c8; $custom-dark: #000000;
JSON
{
"hex": "#efdbb1",
"rgb": {
"r": 239,
"g": 219,
"b": 177
},
"hsl": {
"h": 40.645,
"s": 65.957,
"l": 81.569
},
"oklch": {
"l": 0.89734,
"c": 0.05921,
"h": 85.5
},
"luminance": 0.72188
}Semantic roles & 50–950 ramp
primary
#EFDBB1
secondary
#7793CD
accent
#52CE18
background
#FFFEFD
surface
#FEFCF9
border
#D6D5D2
text
#171513
muted
#858482