Preview
#bd9dcd
Family: Purple
Accessibility on this swatch:
Contrast vs white: 2.37:1 · vs black: 8.87:1
HEX
#bd9dcd
RGB
rgb(189, 157, 205)
RGBA
rgba(189, 157, 205, 1)
HSL
hsl(280, 32%, 71%)
HSV
hsv(280, 23%, 80%)
LAB
lab(69% 20.6 -20.13)
LCH
lch(69% 28.8 315.66)
OKLAB
oklab(0.7407 0.0533 -0.0546)
OKLCH
oklch(0.7407 0.0763 314.31)
XYZ
xyz(44.06, 39.34, 63.02)
CMYK
cmyk(8%, 23%, 0%, 20%)
CSS
color: #bd9dcd;
CSS variable
--color-bd9dcd: #bd9dcd;
SCSS
$color-bd9dcd: #bd9dcd;
Tailwind
purple-200
Export
:root {
--#bd9dcd-1: #bd9dcd;
}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.