Preview
#b3a0ba
Family: Purple
Accessibility on this swatch:
Contrast vs white: 2.43:1 · vs black: 8.65:1
HEX
#b3a0ba
RGB
rgb(179, 160, 186)
RGBA
rgba(179, 160, 186, 1)
HSL
hsl(284, 16%, 68%)
HSV
hsv(284, 14%, 73%)
LAB
lab(68.22% 11.75 -10.85)
LCH
lch(68.22% 15.99 317.28)
OKLAB
oklab(0.7305 0.0311 -0.0291)
OKLCH
oklch(0.7305 0.0426 316.9)
XYZ
xyz(40.02, 38.27, 51.72)
CMYK
cmyk(4%, 14%, 0%, 27%)
CSS
color: #b3a0ba;
CSS variable
--color-b3a0ba: #b3a0ba;
SCSS
$color-b3a0ba: #b3a0ba;
Tailwind
purple-300
Export
:root {
--#b3a0ba-1: #b3a0ba;
}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.