Preview
#391be4
Family: Indigo
Accessibility on this swatch:
Contrast vs white: 8.57:1 · vs black: 2.45:1
HEX
#391be4
RGB
rgb(57, 27, 228)
RGBA
rgba(57, 27, 228, 1)
HSL
hsl(249, 79%, 50%)
HSV
hsv(249, 88%, 89%)
LAB
lab(32.38% 68 -92.38)
LCH
lch(32.38% 114.71 306.36)
OKLAB
oklab(0.4481 0.017 -0.2669)
OKLCH
oklch(0.4481 0.2674 273.64)
XYZ
xyz(16.08, 7.25, 73.94)
CMYK
cmyk(75%, 88%, 0%, 11%)
CSS
color: #391be4;
CSS variable
--color-391be4: #391be4;
SCSS
$color-391be4: #391be4;
Tailwind
indigo-500
Export
:root {
--#391be4-1: #391be4;
}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.