Preview
#d45421
Family: Deep Orange
Accessibility on this swatch:
Contrast vs white: 4.13:1 · vs black: 5.09:1
HEX
#d45421
RGB
rgb(212, 84, 33)
RGBA
rgba(212, 84, 33, 1)
HSL
hsl(17, 73%, 48%)
HSV
hsv(17, 84%, 83%)
LAB
lab(52.34% 48.1 52.62)
LCH
lch(52.34% 71.29 47.57)
OKLAB
oklab(0.6073 0.1327 0.1106)
OKLCH
oklch(0.6073 0.1727 39.81)
XYZ
xyz(30.60, 20.45, 3.77)
CMYK
cmyk(0%, 60%, 84%, 17%)
CSS
color: #d45421;
CSS variable
--color-d45421: #d45421;
SCSS
$color-d45421: #d45421;
Tailwind
slate-500
Export
:root {
--#d45421-1: #d45421;
}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.