Preview
#dc8451
Family: Deep Orange
Accessibility on this swatch:
Contrast vs white: 2.81:1 · vs black: 7.46:1
HEX
#dc8451
RGB
rgb(220, 132, 81)
RGBA
rgba(220, 132, 81, 1)
HSL
hsl(22, 67%, 59%)
HSV
hsv(22, 63%, 86%)
LAB
lab(63.6% 29.23 41.48)
LCH
lch(63.6% 50.74 54.83)
OKLAB
oklab(0.6971 0.0824 0.0969)
OKLCH
oklch(0.6971 0.1272 49.62)
XYZ
xyz(39.25, 32.32, 11.95)
CMYK
cmyk(0%, 40%, 63%, 14%)
CSS
color: #dc8451;
CSS variable
--color-dc8451: #dc8451;
SCSS
$color-dc8451: #dc8451;
Tailwind
red-400
Export
:root {
--#dc8451-1: #dc8451;
}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.