Preview
#9e99b2
Family: Indigo
Accessibility on this swatch:
Contrast vs white: 2.74:1 · vs black: 7.65:1
HEX
#9e99b2
RGB
rgb(158, 153, 178)
RGBA
rgba(158, 153, 178, 1)
HSL
hsl(252, 14%, 65%)
HSV
hsv(252, 14%, 70%)
LAB
lab(64.38% 6.83 -12.32)
LCH
lch(64.38% 14.09 299)
OKLAB
oklab(0.6954 0.0152 -0.0333)
OKLCH
oklch(0.6954 0.0366 294.53)
XYZ
xyz(33.53, 33.27, 46.77)
CMYK
cmyk(11%, 14%, 0%, 30%)
CSS
color: #9e99b2;
CSS variable
--color-9e99b2: #9e99b2;
SCSS
$color-9e99b2: #9e99b2;
Tailwind
indigo-300
Export
:root {
--#9e99b2-1: #9e99b2;
}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.