Preview
#3e4398
Family: Indigo
Accessibility on this swatch:
Contrast vs white: 8.53:1 · vs black: 2.46:1
HEX
#3e4398
RGB
rgb(62, 67, 152)
RGBA
rgba(62, 67, 152, 1)
HSL
hsl(237, 42%, 42%)
HSV
hsv(237, 59%, 60%)
LAB
lab(32.49% 24.32 -47.4)
LCH
lch(32.49% 53.27 297.16)
OKLAB
oklab(0.4276 0.0153 -0.1359)
OKLCH
oklch(0.4276 0.1368 276.42)
XYZ
xyz(9.66, 7.30, 30.60)
CMYK
cmyk(59%, 56%, 0%, 40%)
CSS
color: #3e4398;
CSS variable
--color-3e4398: #3e4398;
SCSS
$color-3e4398: #3e4398;
Tailwind
blue-500
Export
:root {
--spectrum-#3e4398-1: #3e4398;
}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.