Preview
#d2bcd5
Family: Purple
Accessibility on this swatch:
Contrast vs white: 1.77:1 · vs black: 11.89:1
HEX
#d2bcd5
RGB
rgb(210, 188, 213)
RGBA
rgba(210, 188, 213, 1)
HSL
hsl(293, 23%, 79%)
HSV
hsv(293, 12%, 84%)
LAB
lab(78.74% 12.24 -9.66)
LCH
lch(78.74% 15.59 321.72)
OKLAB
oklab(0.8214 0.0332 -0.0258)
OKLCH
oklch(0.8214 0.042 322.15)
XYZ
xyz(56.57, 54.47, 70.47)
CMYK
cmyk(1%, 12%, 0%, 16%)
CSS
color: #d2bcd5;
CSS variable
--color-d2bcd5: #d2bcd5;
SCSS
$color-d2bcd5: #d2bcd5;
Tailwind
purple-200
Export
:root {
--#d2bcd5-1: #d2bcd5;
}Imagination, luxury, and wisdom. Frequently used for premium, creative, and tech brands.
Usage examples: primary buttons, chart series, status badges, marketing gradients, and brand accents in the Purple family.