Preview
#dca386
Family: Deep Orange
Accessibility on this swatch:
Contrast vs white: 2.18:1 · vs black: 9.63:1
HEX
#dca386
RGB
rgb(220, 163, 134)
RGBA
rgba(220, 163, 134, 1)
HSL
hsl(20, 55%, 69%)
HSV
hsv(20, 39%, 86%)
LAB
lab(71.65% 17.37 23.32)
LCH
lch(71.65% 29.08 53.32)
OKLAB
oklab(0.7621 0.0527 0.0587)
OKLCH
oklch(0.7621 0.0789 48.08)
XYZ
xyz(46.92, 43.13, 28.40)
CMYK
cmyk(0%, 26%, 39%, 14%)
CSS
color: #dca386;
CSS variable
--color-dca386: #dca386;
SCSS
$color-dca386: #dca386;
Tailwind
red-300
Export
:root {
--#dca386-1: #dca386;
}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.