Preview
#d4ccd2
Family: Pink
Accessibility on this swatch:
Contrast vs white: 1.57:1 · vs black: 13.37:1
HEX
#d4ccd2
RGB
rgb(212, 204, 210)
RGBA
rgba(212, 204, 210, 1)
HSL
hsl(315, 9%, 82%)
HSV
hsv(315, 4%, 83%)
LAB
lab(82.83% 3.84 -1.99)
LCH
lch(82.83% 4.33 332.61)
OKLAB
oklab(0.8534 0.0108 -0.0052)
OKLCH
oklch(0.8534 0.012 334.29)
XYZ
xyz(60.38, 61.84, 69.72)
CMYK
cmyk(0%, 4%, 1%, 17%)
CSS
color: #d4ccd2;
CSS variable
--color-d4ccd2: #d4ccd2;
SCSS
$color-d4ccd2: #d4ccd2;
Tailwind
fuchsia-100
Export
:root {
--#d4ccd2-1: #d4ccd2;
}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.