Preview
#dc8a60
Family: Deep Orange
Accessibility on this swatch:
Contrast vs white: 2.68:1 · vs black: 7.85:1
HEX
#dc8a60
RGB
rgb(220, 138, 96)
RGBA
rgba(220, 138, 96, 1)
HSL
hsl(20, 64%, 62%)
HSV
hsv(20, 56%, 86%)
LAB
lab(65.15% 27.12 35.43)
LCH
lch(65.15% 44.62 52.57)
OKLAB
oklab(0.7097 0.0782 0.085)
OKLCH
oklch(0.7097 0.1155 47.39)
XYZ
xyz(40.72, 34.24, 15.53)
CMYK
cmyk(0%, 37%, 56%, 14%)
CSS
color: #dc8a60;
CSS variable
--color-dc8a60: #dc8a60;
SCSS
$color-dc8a60: #dc8a60;
Tailwind
red-300
Export
:root {
--#dc8a60-1: #dc8a60;
}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.