Preview
#ecc799
Family: Deep Orange
Accessibility on this swatch:
Contrast vs white: 1.59:1 · vs black: 13.2:1
HEX
#ecc799
RGB
rgb(236, 199, 153)
RGBA
rgba(236, 199, 153, 1)
HSL
hsl(33, 69%, 76%)
HSV
hsv(33, 35%, 93%)
LAB
lab(82.37% 6.73 27.93)
LCH
lch(82.37% 28.73 76.45)
OKLAB
oklab(0.8506 0.0219 0.0701)
OKLCH
oklch(0.8506 0.0734 72.65)
XYZ
xyz(60.77, 60.98, 38.70)
CMYK
cmyk(0%, 16%, 35%, 7%)
CSS
color: #ecc799;
CSS variable
--color-ecc799: #ecc799;
SCSS
$color-ecc799: #ecc799;
Tailwind
red-200
Export
:root {
--#ecc799-1: #ecc799;
}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.