Preview
#b2a4bc
Family: Purple
Accessibility on this swatch:
Contrast vs white: 2.35:1 · vs black: 8.93:1
HEX
#b2a4bc
RGB
rgb(178, 164, 188)
RGBA
rgba(178, 164, 188, 1)
HSL
hsl(275, 15%, 69%)
HSV
hsv(275, 13%, 74%)
LAB
lab(69.22% 9.59 -10.47)
LCH
lch(69.22% 14.2 312.49)
OKLAB
oklab(0.7383 0.0247 -0.0281)
OKLCH
oklch(0.7383 0.0374 311.32)
XYZ
xyz(40.71, 39.65, 53.08)
CMYK
cmyk(5%, 13%, 0%, 26%)
CSS
color: #b2a4bc;
CSS variable
--color-b2a4bc: #b2a4bc;
SCSS
$color-b2a4bc: #b2a4bc;
Tailwind
violet-300
Export
:root {
--#b2a4bc-1: #b2a4bc;
}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.