Preview
#a3a1b3
Family: Indigo
Accessibility on this swatch:
Contrast vs white: 2.53:1 · vs black: 8.31:1
HEX
#a3a1b3
RGB
rgb(163, 161, 179)
RGBA
rgba(163, 161, 179, 1)
HSL
hsl(247, 11%, 67%)
HSV
hsv(247, 10%, 70%)
LAB
lab(66.92% 4.28 -9.03)
LCH
lch(66.92% 9.99 295.36)
OKLAB
oklab(0.7164 0.0092 -0.0243)
OKLCH
oklch(0.7164 0.026 290.74)
XYZ
xyz(35.98, 36.53, 47.79)
CMYK
cmyk(9%, 10%, 0%, 30%)
CSS
color: #a3a1b3;
CSS variable
--color-a3a1b3: #a3a1b3;
SCSS
$color-a3a1b3: #a3a1b3;
Tailwind
indigo-300
Export
:root {
--#a3a1b3-1: #a3a1b3;
}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.