#EDA692#EDA692
#EDA692 is a light, moderate red. Relative luminance 0.474; OKLCH L 78.8% C 0.089 H 36.4°. Best body text is #000000 at 10.47:1 contrast (WCAG AA passes).
Color values
| HEX | #EDA692 |
|---|---|
| RGB | rgb(237, 166, 146) |
| HSL | hsl(13, 72%, 75%) |
| HSV | hsv(13, 38%, 93%) |
| CMYK | cmyk(0%, 30%, 38.4%, 7.1%) |
| CIE-LAB | lab(74.42, 23.75, 20.88) |
| CIE-LCH | lch(74.42, 31.62, 41.31°) |
| OKLab | oklab(78.84% 0.0719 0.053) |
| OKLCH | oklch(78.84% 0.089 36.4) |
| XYZ | xyz(53.7516, 47.3559, 33.4981) |
| Luminance | 0.4735 (WCAG relative) |
| Temperature | warm |
| Family | red |
Closest named colors
Light Salmon
#FEA993
ΔE00 3.07
Blush (survey)
#F29E8E
ΔE00 3.19
Pale Salmon
#FFB19A
ΔE00 3.56
Darksalmon
#E9967A
ΔE00 4.81
Pinkish Tan
#D99B82
ΔE00 4.82
Peachy Pink
#FF9A8A
ΔE00 5.56
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#EDA692 #92D9ED
analogous
#ED92AB #EDA692 #EDD492
triadic
#EDA692 #92EDA6 #A692ED
tetradic
#EDA692 #ABED92 #92D9ED #D492ED
square
#EDA692 #ABED92 #92D9ED #D492ED
split-complementary
#EDA692 #92EDD4 #92ABED
monochromatic
#DC5029 #E47B5D #EDA692 #F6D1C7 #FBEAE5
Accessibility & contrast
On white
2.01
#EDA692 on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
10.47
#EDA692 on #000000
AA ✓AA large ✓AAA ✓
Best text color
#000000 on #EDA692
10.47:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##EDA692 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##EDA692 | 1.00 | 2.01 | 10.47 | 10.47 |
| #FFFFFF | 2.01 | 1.00 | 21.00 | 21.00 |
| #000000 | 10.47 | 21.00 | 1.00 | 1.00 |
| ##000000 | 10.47 | 21.00 | 1.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#B7AE90
Deuteranopia (green-blind)
#C7BD91
Tritanopia (blue-blind)
#FD9CA1
Achromatopsia (no color)
#B7B7B7
Design tokens & code
CSS
--color: #eda692; /* rgb */ color: rgb(237, 166, 146); /* oklch */ color: oklch(78.8% 0.089 36.4);
Tailwind
colors: {
custom: {
50: '#f5c0b2',
500: '#eda692',
950: '#000000',
},
}SCSS
$custom: #eda692; $custom-light: #f5c0b2; $custom-dark: #000000;
JSON
{
"hex": "#eda692",
"rgb": {
"r": 237,
"g": 166,
"b": 146
},
"hsl": {
"h": 13.187,
"s": 71.654,
"l": 75.098
},
"oklch": {
"l": 0.78842,
"c": 0.08934,
"h": 36.4
},
"luminance": 0.47352
}Semantic roles & 50–950 ramp
primary
#EDA692
secondary
#D9EDF2
accent
#A9D412
background
#FFFBFA
surface
#FFF7F5
border
#D7D0CF
text
#171210
muted
#85817F