Preview
#b5a0c2
Family: Purple
Accessibility on this swatch:
Contrast vs white: 2.39:1 · vs black: 8.77:1
HEX
#b5a0c2
RGB
rgb(181, 160, 194)
RGBA
rgba(181, 160, 194, 1)
HSL
hsl(277, 22%, 69%)
HSV
hsv(277, 18%, 76%)
LAB
lab(68.65% 14.03 -14.63)
LCH
lch(68.65% 20.27 313.8)
OKLAB
oklab(0.7351 0.0362 -0.0394)
OKLCH
oklch(0.7351 0.0535 312.58)
XYZ
xyz(41.36, 38.86, 56.35)
CMYK
cmyk(7%, 18%, 0%, 24%)
CSS
color: #b5a0c2;
CSS variable
--color-b5a0c2: #b5a0c2;
SCSS
$color-b5a0c2: #b5a0c2;
Tailwind
violet-300
Export
:root {
--#b5a0c2-1: #b5a0c2;
}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.