Preview
#3d2fd0
Family: Indigo
Accessibility on this swatch:
Contrast vs white: 8.35:1 · vs black: 2.52:1
HEX
#3d2fd0
RGB
rgb(61, 47, 208)
RGBA
rgba(61, 47, 208, 1)
HSL
hsl(245, 63%, 50%)
HSV
hsv(245, 77%, 82%)
LAB
lab(33.09% 54.48 -79.67)
LCH
lch(33.09% 96.52 304.37)
OKLAB
oklab(0.447 0.0219 -0.2304)
OKLCH
oklch(0.447 0.2314 275.43)
XYZ
xyz(14.32, 7.58, 60.37)
CMYK
cmyk(71%, 77%, 0%, 18%)
CSS
color: #3d2fd0;
CSS variable
--color-3d2fd0: #3d2fd0;
SCSS
$color-3d2fd0: #3d2fd0;
Tailwind
indigo-500
Export
:root {
--#3d2fd0-1: #3d2fd0;
}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.