Preview
#a39fb2
Family: Indigo
Accessibility on this swatch:
Contrast vs white: 2.57:1 · vs black: 8.16:1
HEX
#a39fb2
RGB
rgb(163, 159, 178)
RGBA
rgba(163, 159, 178, 1)
HSL
hsl(253, 11%, 66%)
HSV
hsv(253, 11%, 70%)
LAB
lab(66.36% 5.19 -9.3)
LCH
lch(66.36% 10.65 299.16)
OKLAB
oklab(0.712 0.0118 -0.025)
OKLCH
oklch(0.712 0.0276 295.27)
XYZ
xyz(35.54, 35.80, 47.15)
CMYK
cmyk(8%, 11%, 0%, 30%)
CSS
color: #a39fb2;
CSS variable
--color-a39fb2: #a39fb2;
SCSS
$color-a39fb2: #a39fb2;
Tailwind
indigo-300
Export
:root {
--#a39fb2-1: #a39fb2;
}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.