#EDBDA0#EDBDA0
#EDBDA0 is a very light, moderate orange. Relative luminance 0.569; OKLCH L 83.4% C 0.068 H 52.7°. Best body text is #000000 at 12.39:1 contrast (WCAG AA passes).
Color values
| HEX | #EDBDA0 |
|---|---|
| RGB | rgb(237, 189, 160) |
| HSL | hsl(23, 68%, 78%) |
| HSV | hsv(23, 32%, 93%) |
| CMYK | cmyk(0%, 20.3%, 32.5%, 7.1%) |
| CIE-LAB | lab(80.15, 13.23, 21.22) |
| CIE-LCH | lch(80.15, 25.00, 58.06°) |
| OKLab | oklab(83.38% 0.0412 0.054) |
| OKLCH | oklch(83.38% 0.068 52.7) |
| XYZ | xyz(59.4692, 56.9406, 41.1091) |
| Luminance | 0.5694 (WCAG relative) |
| Temperature | warm |
| Family | orange |
Closest named colors
Apricot
#FBCEB1
ΔE00 4.02
Peach
#FFDAB9
ΔE00 7.52
Light Peach
#FFD8B1
ΔE00 7.79
Peach (survey)
#FFB07C
ΔE00 7.79
Pale Salmon
#FFB19A
ΔE00 7.86
Burlywood
#DEB887
ΔE00 8.37
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#EDBDA0 #A0D0ED
analogous
#EDA0A9 #EDBDA0 #EDE3A0
triadic
#EDBDA0 #A0EDBD #BDA0ED
tetradic
#EDBDA0 #A9EDA0 #A0D0ED #E3A0ED
square
#EDBDA0 #A9EDA0 #A0D0ED #E3A0ED
split-complementary
#EDBDA0 #A0EDE3 #A0A9ED
monochromatic
#DA7639 #E3996D #EDBDA0 #F7E1D3 #FAEDE5
Accessibility & contrast
On white
1.70
#EDBDA0 on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
12.39
#EDBDA0 on #000000
AA ✓AA large ✓AAA ✓
Best text color
#000000 on #EDBDA0
12.39:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##EDBDA0 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##EDBDA0 | 1.00 | 1.70 | 12.39 | 12.39 |
| #FFFFFF | 1.70 | 1.00 | 21.00 | 21.00 |
| #000000 | 12.39 | 21.00 | 1.00 | 1.00 |
| ##000000 | 12.39 | 21.00 | 1.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#CAC19E
Deuteranopia (green-blind)
#D5CBA0
Tritanopia (blue-blind)
#FBB4B5
Achromatopsia (no color)
#C7C7C7
Design tokens & code
CSS
--color: #edbda0; /* rgb */ color: rgb(237, 189, 160); /* oklch */ color: oklch(83.4% 0.068 52.7);
Tailwind
colors: {
custom: {
50: '#f4d1bc',
500: '#edbda0',
950: '#000000',
},
}SCSS
$custom: #edbda0; $custom-light: #f4d1bc; $custom-dark: #000000;
JSON
{
"hex": "#edbda0",
"rgb": {
"r": 237,
"g": 189,
"b": 160
},
"hsl": {
"h": 22.597,
"s": 68.142,
"l": 77.843
},
"oklch": {
"l": 0.83382,
"c": 0.06796,
"h": 52.7
},
"luminance": 0.56938
}Semantic roles & 50–950 ramp
primary
#EDBDA0
secondary
#68A5C9
accent
#8AD015
background
#FFFEFD
surface
#FEFBF8
border
#D6D4D1
text
#171412
muted
#858382