Preview
#b2aaff
Family: Indigo
Accessibility on this swatch:
Contrast vs white: 2.08:1 · vs black: 10.09:1
HEX
#b2aaff
RGB
rgb(178, 170, 255)
RGBA
rgba(178, 170, 255, 1)
HSL
hsl(246, 100%, 83%)
HSV
hsv(246, 33%, 100%)
LAB
lab(73.18% 21.34 -41.1)
LCH
lch(73.18% 46.31 297.44)
OKLAB
oklab(0.777 0.0362 -0.1144)
OKLCH
oklch(0.777 0.12 287.56)
XYZ
xyz(50.78, 45.43, 100.68)
CMYK
cmyk(30%, 33%, 0%, 0%)
CSS
color: #b2aaff;
CSS variable
--color-b2aaff: #b2aaff;
SCSS
$color-b2aaff: #b2aaff;
Tailwind
indigo-100
Export
:root {
--#b2aaff-1: #b2aaff;
}Intuition, depth, and sincerity. Common in enterprise software and thoughtful products.
Usage examples: primary buttons, chart series, status badges, marketing gradients, and brand accents in the Indigo family.