#EB9D73#EB9D73
#EB9D73 is a light, moderate orange. Relative luminance 0.430; OKLCH L 76.4% C 0.109 H 48.9°. Best body text is #000000 at 9.60:1 contrast (WCAG AA passes).
Color values
| HEX | #EB9D73 |
|---|---|
| RGB | rgb(235, 157, 115) |
| HSL | hsl(21, 75%, 69%) |
| HSV | hsv(21, 51%, 92%) |
| CMYK | cmyk(0%, 33.2%, 51.1%, 7.8%) |
| CIE-LAB | lab(71.57, 24.60, 33.77) |
| CIE-LCH | lch(71.57, 41.78, 53.92°) |
| OKLab | oklab(76.41% 0.0719 0.0823) |
| OKLCH | oklch(76.41% 0.109 48.9) |
| XYZ | xyz(49.4152, 43.0179, 21.9170) |
| Luminance | 0.4301 (WCAG relative) |
| Temperature | warm |
| Family | orange |
Closest named colors
Lightsalmon
#FFA07A
ΔE00 4.43
Darksalmon
#E9967A
ΔE00 5.01
Pinkish Tan
#D99B82
ΔE00 5.52
Peach (survey)
#FFB07C
ΔE00 5.63
Faded Orange
#F0944D
ΔE00 6.68
Pastel Orange
#FF964F
ΔE00 6.71
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#EB9D73 #73C1EB
analogous
#EB7385 #EB9D73 #EBD973
triadic
#EB9D73 #73EB9D #9D73EB
tetradic
#EB9D73 #85EB73 #73C1EB #D973EB
square
#EB9D73 #85EB73 #73C1EB #D973EB
split-complementary
#EB9D73 #73EBD9 #7385EB
monochromatic
#C7581C #E3783D #EB9D73 #F3C2A9 #FAE8DE
Accessibility & contrast
On white
2.19
#EB9D73 on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
9.60
#EB9D73 on #000000
AA ✓AA large ✓AAA ✓
Best text color
#000000 on #EB9D73
9.60:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##EB9D73 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##EB9D73 | 1.00 | 2.19 | 9.60 | 9.60 |
| #FFFFFF | 2.19 | 1.00 | 21.00 | 21.00 |
| #000000 | 9.60 | 21.00 | 1.00 | 1.00 |
| ##000000 | 9.60 | 21.00 | 1.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#B2A570
Deuteranopia (green-blind)
#C5B673
Tritanopia (blue-blind)
#FD8F92
Achromatopsia (no color)
#AFAFAF
Design tokens & code
CSS
--color: #eb9d73; /* rgb */ color: rgb(235, 157, 115); /* oklch */ color: oklch(76.4% 0.109 48.9);
Tailwind
colors: {
custom: {
50: '#f5ba9c',
500: '#eb9d73',
950: '#000000',
},
}SCSS
$custom: #eb9d73; $custom-light: #f5ba9c; $custom-dark: #000000;
JSON
{
"hex": "#eb9d73",
"rgb": {
"r": 235,
"g": 157,
"b": 115
},
"hsl": {
"h": 21,
"s": 75,
"l": 68.627
},
"oklch": {
"l": 0.76408,
"c": 0.10929,
"h": 48.9
},
"luminance": 0.43014
}Semantic roles & 50–950 ramp
primary
#EB9D73
secondary
#CBE2EF
accent
#91D70E
background
#FFFBF9
surface
#FFF6F2
border
#D7D0CC
text
#17110E
muted
#85807E