#EBDCC0#EBDCC0
#EBDCC0 is a very light, muted orange. Relative luminance 0.727; OKLCH L 89.9% C 0.041 H 83.1°. Best body text is #000000 at 15.53:1 contrast (WCAG AA passes).
Color values
| HEX | #EBDCC0 |
|---|---|
| RGB | rgb(235, 220, 192) |
| HSL | hsl(39, 52%, 84%) |
| HSV | hsv(39, 18%, 92%) |
| CMYK | cmyk(0%, 6.4%, 18.3%, 7.8%) |
| CIE-LAB | lab(88.28, 0.67, 15.62) |
| CIE-LCH | lch(88.28, 15.64, 87.53°) |
| OKLab | oklab(89.93% 0.0049 0.0404) |
| OKLCH | oklch(89.93% 0.041 83.1) |
| XYZ | xyz(69.3683, 72.6557, 60.2287) |
| Luminance | 0.7265 (WCAG relative) |
| Temperature | warm |
| Family | orange |
Closest named colors
Champagne
#F7E7CE
ΔE00 2.86
Warm Beige
#E9DCC9
ΔE00 3.13
Blanchedalmond
#FFEBCD
ΔE00 3.96
Papayawhip
#FFEFD5
ΔE00 4.31
Wheat
#F5DEB3
ΔE00 4.53
Antiquewhite
#FAEBD7
ΔE00 4.58
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#EBDCC0 #C0CFEB
analogous
#EBC6C0 #EBDCC0 #E4EBC0
triadic
#EBDCC0 #C0EBDC #DCC0EB
tetradic
#EBDCC0 #C0EBC6 #C0CFEB #EBC0E4
square
#EBDCC0 #C0EBC6 #C0CFEB #EBC0E4
split-complementary
#EBDCC0 #C0E4EB #C6C0EB
monochromatic
#CEA863 #DCC292 #EBDCC0 #F8F2E8 #F8F2E8
Accessibility & contrast
On white
1.35
#EBDCC0 on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
15.53
#EBDCC0 on #000000
AA ✓AA large ✓AAA ✓
Best text color
#000000 on #EBDCC0
15.53:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##EBDCC0 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##EBDCC0 | 1.00 | 1.35 | 15.53 | 15.53 |
| #FFFFFF | 1.35 | 1.00 | 21.00 | 21.00 |
| #000000 | 15.53 | 21.00 | 1.00 | 1.00 |
| ##000000 | 15.53 | 21.00 | 1.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#E3DBBE
Deuteranopia (green-blind)
#E7DFC1
Tritanopia (blue-blind)
#F3D7D4
Achromatopsia (no color)
#DDDDDD
Design tokens & code
CSS
--color: #ebdcc0; /* rgb */ color: rgb(235, 220, 192); /* oklch */ color: oklch(89.9% 0.041 83.1);
Tailwind
colors: {
custom: {
50: '#f1e6d3',
500: '#ebdcc0',
950: '#000000',
},
}SCSS
$custom: #ebdcc0; $custom-light: #f1e6d3; $custom-dark: #000000;
JSON
{
"hex": "#ebdcc0",
"rgb": {
"r": 235,
"g": 220,
"b": 192
},
"hsl": {
"h": 39.07,
"s": 51.807,
"l": 83.725
},
"oklch": {
"l": 0.8993,
"c": 0.04066,
"h": 83.1
},
"luminance": 0.72654
}Semantic roles & 50–950 ramp
primary
#EBDCC0
secondary
#889EC7
accent
#5CBF26
background
#FFFEFE
surface
#FEFCFB
border
#D6D5D4
text
#171614
muted
#858483