#E9964F#E9964F
#E9964F is a light, vivid orange. Relative luminance 0.397; OKLCH L 74.4% C 0.132 H 59.1°. Best body text is #000000 at 8.94:1 contrast (WCAG AA passes).
Color values
| HEX | #E9964F |
|---|---|
| RGB | rgb(233, 150, 79) |
| HSL | hsl(28, 78%, 61%) |
| HSV | hsv(28, 66%, 91%) |
| CMYK | cmyk(0%, 35.6%, 66.1%, 8.6%) |
| CIE-LAB | lab(69.26, 24.86, 49.43) |
| CIE-LCH | lch(69.26, 55.33, 63.31°) |
| OKLab | oklab(74.42% 0.0678 0.1134) |
| OKLCH | oklch(74.42% 0.132 59.1) |
| XYZ | xyz(45.9253, 39.7051, 12.6408) |
| Luminance | 0.3970 (WCAG relative) |
| Temperature | warm |
| Family | orange |
Closest named colors
Faded Orange
#F0944D
ΔE00 1.95
Sandybrown
#F4A460
ΔE00 3.70
Pastel Orange
#FF964F
ΔE00 4.81
Dull Orange
#D8863B
ΔE00 4.88
Pale Orange
#FFA756
ΔE00 5.18
Dusty Orange
#F0833A
ΔE00 6.04
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#E9964F #4FA2E9
analogous
#E94F55 #E9964F #E9E34F
triadic
#E9964F #4FE996 #964FE9
tetradic
#E9964F #55E94F #4FA2E9 #E34FE9
square
#E9964F #55E94F #4FA2E9 #E34FE9
split-complementary
#E9964F #4FE9E3 #4F55E9
monochromatic
#A95915 #DF761C #E9964F #F0B685 #F7D7BC
Accessibility & contrast
On white
2.35
#E9964F on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
8.94
#E9964F on #000000
AA ✓AA large ✓AAA ✓
Best text color
#000000 on #E9964F
8.94:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##E9964F | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##E9964F | 1.00 | 2.35 | 8.94 | 8.94 |
| #FFFFFF | 2.35 | 1.00 | 21.00 | 21.00 |
| #000000 | 8.94 | 21.00 | 1.00 | 1.00 |
| ##000000 | 8.94 | 21.00 | 1.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#AF9E48
Deuteranopia (green-blind)
#C3B150
Tritanopia (blue-blind)
#FD8486
Achromatopsia (no color)
#A9A9A9
Design tokens & code
CSS
--color: #e9964f; /* rgb */ color: rgb(233, 150, 79); /* oklch */ color: oklch(74.4% 0.132 59.1);
Tailwind
colors: {
custom: {
50: '#f5b583',
500: '#e9964f',
950: '#000000',
},
}SCSS
$custom: #e9964f; $custom-light: #f5b583; $custom-dark: #000000;
JSON
{
"hex": "#e9964f",
"rgb": {
"r": 233,
"g": 150,
"b": 79
},
"hsl": {
"h": 27.662,
"s": 77.778,
"l": 61.176
},
"oklch": {
"l": 0.74419,
"c": 0.13213,
"h": 59.1
},
"luminance": 0.39701
}Semantic roles & 50–950 ramp
primary
#E9964F
secondary
#ADCCE7
accent
#7BDA0B
background
#FFFBF8
surface
#FFF6EF
border
#D7D0CA
text
#18110B
muted
#86807C