Preview
#4a4a78
Family: Indigo
Accessibility on this swatch:
Contrast vs white: 8.26:1 · vs black: 2.54:1
HEX
#4a4a78
RGB
rgb(74, 74, 120)
RGBA
rgba(74, 74, 120, 1)
HSL
hsl(240, 24%, 38%)
HSV
hsv(240, 38%, 47%)
LAB
lab(33.37% 12.21 -26.24)
LCH
lch(33.37% 28.94 294.95)
OKLAB
oklab(0.4303 0.0167 -0.0735)
OKLCH
oklch(0.4303 0.0754 282.8)
XYZ
xyz(8.66, 7.71, 18.80)
CMYK
cmyk(38%, 38%, 0%, 53%)
CSS
color: #4a4a78;
CSS variable
--color-4a4a78: #4a4a78;
SCSS
$color-4a4a78: #4a4a78;
Tailwind
indigo-600
Export
:root {
--#4a4a78-1: #4a4a78;
}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.