Preview
#a8a5c2
Family: Indigo
Accessibility on this swatch:
Contrast vs white: 2.38:1 · vs black: 8.83:1
HEX
#a8a5c2
RGB
rgb(168, 165, 194)
RGBA
rgba(168, 165, 194, 1)
HSL
hsl(246, 19%, 70%)
HSV
hsv(246, 15%, 76%)
LAB
lab(68.85% 6.91 -14.44)
LCH
lch(68.85% 16.01 295.57)
OKLAB
oklab(0.734 0.0143 -0.0391)
OKLCH
oklch(0.734 0.0416 290.09)
XYZ
xyz(39.34, 39.13, 56.51)
CMYK
cmyk(13%, 15%, 0%, 24%)
CSS
color: #a8a5c2;
CSS variable
--color-a8a5c2: #a8a5c2;
SCSS
$color-a8a5c2: #a8a5c2;
Tailwind
indigo-300
Export
:root {
--#a8a5c2-1: #a8a5c2;
}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.