Preview
#a29ebd
Family: Indigo
Accessibility on this swatch:
Contrast vs white: 2.57:1 · vs black: 8.16:1
HEX
#a29ebd
RGB
rgb(162, 158, 189)
RGBA
rgba(162, 158, 189, 1)
HSL
hsl(248, 19%, 68%)
HSV
hsv(248, 16%, 74%)
LAB
lab(66.37% 7.74 -15.43)
LCH
lch(66.37% 17.26 296.64)
OKLAB
oklab(0.713 0.0162 -0.0419)
OKLCH
oklch(0.713 0.0449 291.14)
XYZ
xyz(36.31, 35.81, 53.13)
CMYK
cmyk(14%, 16%, 0%, 26%)
CSS
color: #a29ebd;
CSS variable
--color-a29ebd: #a29ebd;
SCSS
$color-a29ebd: #a29ebd;
Tailwind
indigo-300
Export
:root {
--#a29ebd-1: #a29ebd;
}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.