Preview
#9e9bb6
Family: Indigo
Accessibility on this swatch:
Contrast vs white: 2.69:1 · vs black: 7.82:1
HEX
#9e9bb6
RGB
rgb(158, 155, 182)
RGBA
rgba(158, 155, 182, 1)
HSL
hsl(247, 16%, 66%)
HSV
hsv(247, 15%, 71%)
LAB
lab(65.03% 6.57 -13.57)
LCH
lch(65.03% 15.08 295.83)
OKLAB
oklab(0.701 0.0137 -0.0367)
OKLCH
oklch(0.701 0.0392 290.47)
XYZ
xyz(34.26, 34.09, 49.02)
CMYK
cmyk(13%, 15%, 0%, 29%)
CSS
color: #9e9bb6;
CSS variable
--color-9e9bb6: #9e9bb6;
SCSS
$color-9e9bb6: #9e9bb6;
Tailwind
indigo-300
Export
:root {
--#9e9bb6-1: #9e9bb6;
}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.