Preview
#bf9bc5
Family: Purple
Accessibility on this swatch:
Contrast vs white: 2.41:1 · vs black: 8.71:1
HEX
#bf9bc5
RGB
rgb(191, 155, 197)
RGBA
rgba(191, 155, 197, 1)
HSL
hsl(291, 27%, 69%)
HSV
hsv(291, 21%, 77%)
LAB
lab(68.42% 20.78 -16.54)
LCH
lch(68.42% 26.56 321.48)
OKLAB
oklab(0.7359 0.0561 -0.0446)
OKLCH
oklch(0.7359 0.0717 321.51)
XYZ
xyz(43.28, 38.55, 57.97)
CMYK
cmyk(3%, 21%, 0%, 23%)
CSS
color: #bf9bc5;
CSS variable
--color-bf9bc5: #bf9bc5;
SCSS
$color-bf9bc5: #bf9bc5;
Tailwind
purple-300
Export
:root {
--#bf9bc5-1: #bf9bc5;
}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.