Preview
#a4a4ff
Family: Indigo
Accessibility on this swatch:
Contrast vs white: 2.25:1 · vs black: 9.33:1
HEX
#a4a4ff
RGB
rgb(164, 164, 255)
RGBA
rgba(164, 164, 255, 1)
HSL
hsl(240, 100%, 82%)
HSV
hsv(240, 36%, 100%)
LAB
lab(70.64% 20.91 -45.14)
LCH
lch(70.64% 49.75 294.85)
OKLAB
oklab(0.7549 0.0288 -0.1264)
OKLCH
oklch(0.7549 0.1296 282.84)
XYZ
xyz(46.63, 41.66, 100.17)
CMYK
cmyk(36%, 36%, 0%, 0%)
CSS
color: #a4a4ff;
CSS variable
--color-a4a4ff: #a4a4ff;
SCSS
$color-a4a4ff: #a4a4ff;
Tailwind
indigo-100
Export
:root {
--#a4a4ff-1: #a4a4ff;
}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.