Preview
#ec9955
Family: Deep Orange
Accessibility on this swatch:
Contrast vs white: 2.27:1 · vs black: 9.25:1
HEX
#ec9955
RGB
rgb(236, 153, 85)
RGBA
rgba(236, 153, 85, 1)
HSL
hsl(27, 80%, 63%)
HSV
hsv(27, 64%, 93%)
LAB
lab(70.37% 24.86 47.84)
LCH
lch(70.37% 53.91 62.54)
OKLAB
oklab(0.7538 0.0685 0.1107)
OKLCH
oklch(0.7538 0.1302 58.25)
XYZ
xyz(47.63, 41.28, 14.05)
CMYK
cmyk(0%, 35%, 64%, 7%)
CSS
color: #ec9955;
CSS variable
--color-ec9955: #ec9955;
SCSS
$color-ec9955: #ec9955;
Tailwind
red-300
Export
:root {
--#ec9955-1: #ec9955;
}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.