Preview
#bf9cd3
Family: Purple
Accessibility on this swatch:
Contrast vs white: 2.36:1 · vs black: 8.91:1
HEX
#bf9cd3
RGB
rgb(191, 156, 211)
RGBA
rgba(191, 156, 211, 1)
HSL
hsl(278, 38%, 72%)
HSV
hsv(278, 26%, 83%)
LAB
lab(69.15% 23.04 -23.19)
LCH
lch(69.15% 32.69 314.81)
OKLAB
oklab(0.7431 0.0589 -0.0631)
OKLCH
oklch(0.7431 0.0863 313.03)
XYZ
xyz(45.13, 39.56, 66.87)
CMYK
cmyk(9%, 26%, 0%, 17%)
CSS
color: #bf9cd3;
CSS variable
--color-bf9cd3: #bf9cd3;
SCSS
$color-bf9cd3: #bf9cd3;
Tailwind
violet-200
Export
:root {
--#bf9cd3-1: #bf9cd3;
}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.