Preview
#e55e10
Family: Deep Orange
Accessibility on this swatch:
Contrast vs white: 3.54:1 · vs black: 5.94:1
HEX
#e55e10
RGB
rgb(229, 94, 16)
RGBA
rgba(229, 94, 16, 1)
HSL
hsl(22, 87%, 48%)
HSV
hsv(22, 93%, 90%)
LAB
lab(56.79% 49.4 62.88)
LCH
lch(56.79% 79.96 51.85)
OKLAB
oklab(0.646 0.1337 0.1269)
OKLCH
oklch(0.646 0.1843 43.51)
XYZ
xyz(36.41, 24.71, 3.34)
CMYK
cmyk(0%, 59%, 93%, 10%)
CSS
color: #e55e10;
CSS variable
--color-e55e10: #e55e10;
SCSS
$color-e55e10: #e55e10;
Tailwind
red-500
Export
:root {
--#e55e10-1: #e55e10;
}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.