Preview
#ded7dc
Family: Pink
Accessibility on this swatch:
Contrast vs white: 1.41:1 · vs black: 14.86:1
HEX
#ded7dc
RGB
rgb(222, 215, 220)
RGBA
rgba(222, 215, 220, 1)
HSL
hsl(317, 10%, 86%)
HSV
hsv(317, 3%, 87%)
LAB
lab(86.65% 3.28 -1.6)
LCH
lch(86.65% 3.65 334)
OKLAB
oklab(0.8862 0.0092 -0.0042)
OKLCH
oklch(0.8862 0.0101 335.46)
XYZ
xyz(67.34, 69.30, 77.52)
CMYK
cmyk(0%, 3%, 1%, 13%)
CSS
color: #ded7dc;
CSS variable
--color-ded7dc: #ded7dc;
SCSS
$color-ded7dc: #ded7dc;
Tailwind
fuchsia-100
Export
:root {
--#ded7dc-1: #ded7dc;
}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.