Preview
#dcccd8
Family: Pink
Accessibility on this swatch:
Contrast vs white: 1.54:1 · vs black: 13.67:1
HEX
#dcccd8
RGB
rgb(220, 204, 216)
RGBA
rgba(220, 204, 216, 1)
HSL
hsl(315, 19%, 83%)
HSV
hsv(315, 7%, 86%)
LAB
lab(83.63% 7.66 -3.93)
LCH
lch(83.63% 8.61 332.84)
OKLAB
oklab(0.8618 0.0216 -0.0104)
OKLCH
oklch(0.8618 0.024 334.29)
XYZ
xyz(63.50, 63.36, 73.84)
CMYK
cmyk(0%, 7%, 2%, 14%)
CSS
color: #dcccd8;
CSS variable
--color-dcccd8: #dcccd8;
SCSS
$color-dcccd8: #dcccd8;
Tailwind
fuchsia-100
Export
:root {
--#dcccd8-1: #dcccd8;
}Compassion, playfulness, and romance. Popular in beauty, lifestyle, and youth-focused products.
Usage examples: primary buttons, chart series, status badges, marketing gradients, and brand accents in the Pink family.