Preview
#dcc5bc
Family: Deep Orange
Accessibility on this swatch:
Contrast vs white: 1.65:1 · vs black: 12.76:1
HEX
#dcc5bc
RGB
rgb(220, 197, 188)
RGBA
rgba(220, 197, 188, 1)
HSL
hsl(17, 31%, 80%)
HSV
hsv(17, 15%, 86%)
LAB
lab(81.17% 6.62 7.46)
LCH
lch(81.17% 9.97 48.41)
OKLAB
oklab(0.8402 0.0213 0.0196)
OKLCH
oklch(0.8402 0.0289 42.62)
XYZ
xyz(58.56, 58.78, 55.83)
CMYK
cmyk(0%, 10%, 15%, 14%)
CSS
color: #dcc5bc;
CSS variable
--color-dcc5bc: #dcc5bc;
SCSS
$color-dcc5bc: #dcc5bc;
Tailwind
slate-200
Export
:root {
--#dcc5bc-1: #dcc5bc;
}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.