Preview
#d9bde9
Family: Purple
Accessibility on this swatch:
Contrast vs white: 1.69:1 · vs black: 12.41:1
HEX
#d9bde9
RGB
rgb(217, 189, 233)
RGBA
rgba(217, 189, 233, 1)
HSL
hsl(278, 50%, 83%)
HSV
hsv(278, 19%, 91%)
LAB
lab(80.2% 17.86 -18.18)
LCH
lch(80.2% 25.49 314.49)
OKLAB
oklab(0.8361 0.0462 -0.0491)
OKLCH
oklch(0.8361 0.0674 313.26)
XYZ
xyz(61.52, 57.03, 84.84)
CMYK
cmyk(7%, 19%, 0%, 9%)
CSS
color: #d9bde9;
CSS variable
--color-d9bde9: #d9bde9;
SCSS
$color-d9bde9: #d9bde9;
Tailwind
violet-100
Export
:root {
--#d9bde9-1: #d9bde9;
}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.