Preview
#e1aa73
Family: Deep Orange
Accessibility on this swatch:
Contrast vs white: 2.06:1 · vs black: 10.2:1
HEX
#e1aa73
RGB
rgb(225, 170, 115)
RGBA
rgba(225, 170, 115, 1)
HSL
hsl(30, 65%, 67%)
HSV
hsv(30, 49%, 88%)
LAB
lab(73.54% 13.65 36.08)
LCH
lch(73.54% 38.58 69.28)
OKLAB
oklab(0.777 0.0398 0.0877)
OKLCH
oklch(0.777 0.0963 65.59)
XYZ
xyz(48.52, 46.00, 22.54)
CMYK
cmyk(0%, 24%, 49%, 12%)
CSS
color: #e1aa73;
CSS variable
--color-e1aa73: #e1aa73;
SCSS
$color-e1aa73: #e1aa73;
Tailwind
red-300
Export
:root {
--#e1aa73-1: #e1aa73;
}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.