Preview
#a69efa
Family: Indigo
Accessibility on this swatch:
Contrast vs white: 2.36:1 · vs black: 8.89:1
HEX
#a69efa
RGB
rgb(166, 158, 250)
RGBA
rgba(166, 158, 250, 1)
HSL
hsl(245, 90%, 80%)
HSV
hsv(245, 37%, 98%)
LAB
lab(69.08% 23.54 -44.85)
LCH
lch(69.08% 50.65 297.69)
OKLAB
oklab(0.7426 0.0377 -0.1255)
OKLCH
oklch(0.7426 0.131 286.72)
XYZ
xyz(45.20, 39.46, 95.66)
CMYK
cmyk(34%, 37%, 0%, 2%)
CSS
color: #a69efa;
CSS variable
--color-a69efa: #a69efa;
SCSS
$color-a69efa: #a69efa;
Tailwind
indigo-200
Export
:root {
--#a69efa-1: #a69efa;
}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.