Preview
#d7cfd6
Family: Pink
Accessibility on this swatch:
Contrast vs white: 1.52:1 · vs black: 13.79:1
HEX
#d7cfd6
RGB
rgb(215, 207, 214)
RGBA
rgba(215, 207, 214, 1)
HSL
hsl(308, 9%, 83%)
HSV
hsv(308, 4%, 84%)
LAB
lab(83.93% 4.01 -2.48)
LCH
lch(83.93% 4.71 328.27)
OKLAB
oklab(0.863 0.0111 -0.0065)
OKLCH
oklch(0.863 0.0129 329.65)
XYZ
xyz(62.47, 63.93, 72.65)
CMYK
cmyk(0%, 4%, 0%, 16%)
CSS
color: #d7cfd6;
CSS variable
--color-d7cfd6: #d7cfd6;
SCSS
$color-d7cfd6: #d7cfd6;
Tailwind
fuchsia-100
Export
:root {
--#d7cfd6-1: #d7cfd6;
}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.