Preview
#aaaacc
Family: Indigo
Accessibility on this swatch:
Contrast vs white: 2.25:1 · vs black: 9.33:1
HEX
#aaaacc
RGB
rgb(170, 170, 204)
RGBA
rgba(170, 170, 204, 1)
HSL
hsl(240, 25%, 73%)
HSV
hsv(240, 17%, 80%)
LAB
lab(70.63% 6.97 -17.25)
LCH
lch(70.63% 18.6 292)
OKLAB
oklab(0.7494 0.0127 -0.0469)
OKLCH
oklch(0.7494 0.0486 285.15)
XYZ
xyz(41.85, 41.65, 62.95)
CMYK
cmyk(17%, 17%, 0%, 20%)
CSS
color: #aaaacc;
CSS variable
--color-aaaacc: #aaaacc;
SCSS
$color-aaaacc: #aaaacc;
Tailwind
indigo-200
Export
:root {
--#aaaacc-1: #aaaacc;
}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.