Preview
#e0a080
Family: Deep Orange
Accessibility on this swatch:
Contrast vs white: 2.21:1 · vs black: 9.51:1
HEX
#e0a080
RGB
rgb(224, 160, 128)
RGBA
rgba(224, 160, 128, 1)
HSL
hsl(20, 61%, 69%)
HSV
hsv(20, 43%, 88%)
LAB
lab(71.25% 19.9 26.12)
LCH
lch(71.25% 32.84 52.7)
OKLAB
oklab(0.7596 0.0597 0.0652)
OKLCH
oklch(0.7596 0.0884 47.52)
XYZ
xyz(47.21, 42.55, 26.14)
CMYK
cmyk(0%, 29%, 43%, 12%)
CSS
color: #e0a080;
CSS variable
--color-e0a080: #e0a080;
SCSS
$color-e0a080: #e0a080;
Tailwind
red-300
Export
:root {
--#e0a080-1: #e0a080;
}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.