Preview
#a7a5b4
Family: Indigo
Accessibility on this swatch:
Contrast vs white: 2.42:1 · vs black: 8.68:1
HEX
#a7a5b4
RGB
rgb(167, 165, 180)
RGBA
rgba(167, 165, 180, 1)
HSL
hsl(248, 9%, 68%)
HSV
hsv(248, 8%, 71%)
LAB
lab(68.33% 3.65 -7.46)
LCH
lch(68.33% 8.31 296.07)
OKLAB
oklab(0.7283 0.0081 -0.02)
OKLCH
oklch(0.7283 0.0216 292.05)
XYZ
xyz(37.63, 38.42, 48.60)
CMYK
cmyk(7%, 8%, 0%, 29%)
CSS
color: #a7a5b4;
CSS variable
--color-a7a5b4: #a7a5b4;
SCSS
$color-a7a5b4: #a7a5b4;
Tailwind
indigo-300
Export
:root {
--#a7a5b4-1: #a7a5b4;
}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.