Preview
#dccfbc
Family: Orange
Accessibility on this swatch:
Contrast vs white: 1.53:1 · vs black: 13.69:1
HEX
#dccfbc
RGB
rgb(220, 207, 188)
RGBA
rgba(220, 207, 188, 1)
HSL
hsl(36, 31%, 80%)
HSV
hsv(36, 15%, 86%)
LAB
lab(83.69% 1.36 11.06)
LCH
lch(83.69% 11.14 82.99)
OKLAB
oklab(0.86 0.0064 0.0288)
OKLCH
oklch(0.86 0.0295 77.47)
XYZ
xyz(60.90, 63.47, 56.61)
CMYK
cmyk(0%, 6%, 15%, 14%)
CSS
color: #dccfbc;
CSS variable
--color-dccfbc: #dccfbc;
SCSS
$color-dccfbc: #dccfbc;
Tailwind
red-200
Export
:root {
--#dccfbc-1: #dccfbc;
}Creativity, enthusiasm, and friendliness. Approachable CTAs and lifestyle brands.
Usage examples: primary buttons, chart series, status badges, marketing gradients, and brand accents in the Orange family.