Preview
#de5321
Family: Deep Orange
Accessibility on this swatch:
Contrast vs white: 3.91:1 · vs black: 5.37:1
HEX
#de5321
RGB
rgb(222, 83, 33)
RGBA
rgba(222, 83, 33, 1)
HSL
hsl(16, 74%, 50%)
HSV
hsv(16, 85%, 87%)
LAB
lab(53.85% 52.11 54.56)
LCH
lch(53.85% 75.45 46.32)
OKLAB
oklab(0.6218 0.1442 0.114)
OKLCH
oklch(0.6218 0.1838 38.33)
XYZ
xyz(33.50, 21.83, 3.89)
CMYK
cmyk(0%, 63%, 85%, 13%)
CSS
color: #de5321;
CSS variable
--color-de5321: #de5321;
SCSS
$color-de5321: #de5321;
Tailwind
slate-500
Export
:root {
--#de5321-1: #de5321;
}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.