Preview
#5856d6
Family: Indigo
Accessibility on this swatch:
Contrast vs white: 5.65:1 · vs black: 3.72:1
HEX
#5856d6
RGB
rgb(88, 86, 214)
RGBA
rgba(88, 86, 214, 1)
HSL
hsl(241, 61%, 59%)
HSV
hsv(241, 60%, 84%)
LAB
lab(43.63% 37.8 -65.76)
LCH
lch(43.63% 75.85 299.89)
OKLAB
oklab(0.5295 0.0277 -0.189)
OKLCH
oklch(0.5295 0.191 278.34)
XYZ
xyz(19.49, 13.58, 65.20)
CMYK
cmyk(59%, 60%, 0%, 16%)
CSS
color: #5856d6;
CSS variable
--color-5856d6: #5856d6;
SCSS
$color-5856d6: #5856d6;
Tailwind
indigo-400
Export
:root {
--system-indigo-1: #5856d6;
}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.