Preview
#dfd2dc
Family: Pink
Accessibility on this swatch:
Contrast vs white: 1.46:1 · vs black: 14.39:1
HEX
#dfd2dc
RGB
rgb(223, 210, 220)
RGBA
rgba(223, 210, 220, 1)
HSL
hsl(314, 17%, 85%)
HSV
hsv(314, 6%, 87%)
LAB
lab(85.48% 6.24 -3.32)
LCH
lch(85.48% 7.07 331.98)
OKLAB
oklab(0.8772 0.0175 -0.0087)
OKLCH
oklch(0.8772 0.0195 333.57)
XYZ
xyz(66.39, 66.95, 77.12)
CMYK
cmyk(0%, 6%, 1%, 13%)
CSS
color: #dfd2dc;
CSS variable
--color-dfd2dc: #dfd2dc;
SCSS
$color-dfd2dc: #dfd2dc;
Tailwind
fuchsia-100
Export
:root {
--#dfd2dc-1: #dfd2dc;
}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.