Preview
#d4bccf
Family: Pink
Accessibility on this swatch:
Contrast vs white: 1.77:1 · vs black: 11.89:1
HEX
#d4bccf
RGB
rgb(212, 188, 207)
RGBA
rgba(212, 188, 207, 1)
HSL
hsl(313, 22%, 78%)
HSV
hsv(313, 11%, 83%)
LAB
lab(78.73% 11.81 -6.41)
LCH
lch(78.73% 13.44 331.51)
OKLAB
oklab(0.8212 0.0332 -0.017)
OKLCH
oklch(0.8212 0.0373 332.89)
XYZ
xyz(56.40, 54.47, 66.56)
CMYK
cmyk(0%, 11%, 2%, 17%)
CSS
color: #d4bccf;
CSS variable
--color-d4bccf: #d4bccf;
SCSS
$color-d4bccf: #d4bccf;
Tailwind
fuchsia-200
Export
:root {
--#d4bccf-1: #d4bccf;
}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.