Preview
#bbb2bd
Family: Purple
Accessibility on this swatch:
Contrast vs white: 2.06:1 · vs black: 10.22:1
HEX
#bbb2bd
RGB
rgb(187, 178, 189)
RGBA
rgba(187, 178, 189, 1)
HSL
hsl(289, 8%, 72%)
HSV
hsv(289, 6%, 74%)
LAB
lab(73.6% 5.22 -4.44)
LCH
lch(73.6% 6.85 319.62)
OKLAB
oklab(0.7744 0.0141 -0.0118)
OKLCH
oklch(0.7744 0.0184 320.07)
XYZ
xyz(45.60, 46.08, 54.63)
CMYK
cmyk(1%, 6%, 0%, 26%)
CSS
color: #bbb2bd;
CSS variable
--color-bbb2bd: #bbb2bd;
SCSS
$color-bbb2bd: #bbb2bd;
Tailwind
purple-200
Export
:root {
--#bbb2bd-1: #bbb2bd;
}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.