Preview
#d7bce1
Family: Purple
Accessibility on this swatch:
Contrast vs white: 1.73:1 · vs black: 12.17:1
HEX
#d7bce1
RGB
rgb(215, 188, 225)
RGBA
rgba(215, 188, 225, 1)
HSL
hsl(284, 38%, 81%)
HSV
hsv(284, 16%, 88%)
LAB
lab(79.53% 16.19 -14.9)
LCH
lch(79.53% 22 317.38)
OKLAB
oklab(0.8297 0.0428 -0.0401)
OKLCH
oklch(0.8297 0.0587 316.87)
XYZ
xyz(59.60, 55.85, 78.86)
CMYK
cmyk(4%, 16%, 0%, 12%)
CSS
color: #d7bce1;
CSS variable
--color-d7bce1: #d7bce1;
SCSS
$color-d7bce1: #d7bce1;
Tailwind
purple-100
Export
:root {
--#d7bce1-1: #d7bce1;
}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.