Preview
#4e448a
Family: Indigo
Accessibility on this swatch:
Contrast vs white: 8.34:1 · vs black: 2.52:1
HEX
#4e448a
RGB
rgb(78, 68, 138)
RGBA
rgba(78, 68, 138, 1)
HSL
hsl(249, 34%, 40%)
HSV
hsv(249, 51%, 54%)
LAB
lab(33.11% 22.73 -37.78)
LCH
lch(33.11% 44.09 301.03)
OKLAB
oklab(0.4325 0.0334 -0.1071)
OKLCH
oklch(0.4325 0.1122 287.32)
XYZ
xyz(9.80, 7.59, 24.99)
CMYK
cmyk(43%, 51%, 0%, 46%)
CSS
color: #4e448a;
CSS variable
--color-4e448a: #4e448a;
SCSS
$color-4e448a: #4e448a;
Tailwind
indigo-600
Export
:root {
--#4e448a-1: #4e448a;
}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.