Preview
#a8a6bb
Family: Indigo
Accessibility on this swatch:
Contrast vs white: 2.38:1 · vs black: 8.84:1
HEX
#a8a6bb
RGB
rgb(168, 166, 187)
RGBA
rgba(168, 166, 187, 1)
HSL
hsl(246, 13%, 69%)
HSV
hsv(246, 11%, 73%)
LAB
lab(68.88% 4.87 -10.5)
LCH
lch(68.88% 11.57 294.88)
OKLAB
oklab(0.7336 0.0103 -0.0283)
OKLCH
oklch(0.7336 0.0301 290)
XYZ
xyz(38.75, 39.18, 52.53)
CMYK
cmyk(10%, 11%, 0%, 27%)
CSS
color: #a8a6bb;
CSS variable
--color-a8a6bb: #a8a6bb;
SCSS
$color-a8a6bb: #a8a6bb;
Tailwind
indigo-300
Export
:root {
--#a8a6bb-1: #a8a6bb;
}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.