Preview
#e5a889
Family: Deep Orange
Accessibility on this swatch:
Contrast vs white: 2.04:1 · vs black: 10.29:1
HEX
#e5a889
RGB
rgb(229, 168, 137)
RGBA
rgba(229, 168, 137, 1)
HSL
hsl(20, 64%, 72%)
HSV
hsv(20, 40%, 90%)
LAB
lab(73.85% 18.57 24.84)
LCH
lch(73.85% 31.01 53.22)
OKLAB
oklab(0.7815 0.0562 0.0624)
OKLCH
oklch(0.7815 0.084 47.99)
XYZ
xyz(50.83, 46.47, 29.95)
CMYK
cmyk(0%, 27%, 40%, 10%)
CSS
color: #e5a889;
CSS variable
--color-e5a889: #e5a889;
SCSS
$color-e5a889: #e5a889;
Tailwind
red-200
Export
:root {
--#e5a889-1: #e5a889;
}Bold warmth and intensity. Strong for food, sports, and energetic identities.
Usage examples: primary buttons, chart series, status badges, marketing gradients, and brand accents in the Deep Orange family.