Preview
#3e2ed1
Family: Indigo
Accessibility on this swatch:
Contrast vs white: 8.35:1 · vs black: 2.52:1
HEX
#3e2ed1
RGB
rgb(62, 46, 209)
RGBA
rgba(62, 46, 209, 1)
HSL
hsl(246, 64%, 50%)
HSV
hsv(246, 78%, 82%)
LAB
lab(33.09% 55.36 -80.24)
LCH
lch(33.09% 97.48 304.6)
OKLAB
oklab(0.4476 0.0234 -0.232)
OKLCH
oklch(0.4476 0.2332 275.76)
XYZ
xyz(14.47, 7.58, 61.01)
CMYK
cmyk(70%, 78%, 0%, 18%)
CSS
color: #3e2ed1;
CSS variable
--color-3e2ed1: #3e2ed1;
SCSS
$color-3e2ed1: #3e2ed1;
Tailwind
indigo-500
Export
:root {
--#3e2ed1-1: #3e2ed1;
}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.