Preview
#3e3ec2
Family: Indigo
Accessibility on this swatch:
Contrast vs white: 7.86:1 · vs black: 2.67:1
HEX
#3e3ec2
RGB
rgb(62, 62, 194)
RGBA
rgba(62, 62, 194, 1)
HSL
hsl(240, 52%, 50%)
HSV
hsv(240, 68%, 76%)
LAB
lab(34.73% 41.86 -68.8)
LCH
lch(34.73% 80.53 301.32)
OKLAB
oklab(0.4548 0.0175 -0.1987)
OKLCH
oklch(0.4548 0.1995 275.03)
XYZ
xyz(13.44, 8.36, 51.93)
CMYK
cmyk(68%, 68%, 0%, 24%)
CSS
color: #3e3ec2;
CSS variable
--color-3e3ec2: #3e3ec2;
SCSS
$color-3e3ec2: #3e3ec2;
Tailwind
indigo-500
Export
:root {
--#3e3ec2-1: #3e3ec2;
}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.