Preview
#372d86
Family: Indigo
Accessibility on this swatch:
Contrast vs white: 11.16:1 · vs black: 1.88:1
HEX
#372d86
RGB
rgb(55, 45, 134)
RGBA
rgba(55, 45, 134, 1)
HSL
hsl(247, 50%, 35%)
HSV
hsv(247, 66%, 53%)
LAB
lab(24.98% 31.08 -48.52)
LCH
lch(24.98% 57.62 302.64)
OKLAB
oklab(0.3664 0.0292 -0.1395)
OKLCH
oklch(0.3664 0.1425 281.82)
XYZ
xyz(6.82, 4.41, 23.04)
CMYK
cmyk(59%, 66%, 0%, 47%)
CSS
color: #372d86;
CSS variable
--color-372d86: #372d86;
SCSS
$color-372d86: #372d86;
Tailwind
indigo-600
Export
:root {
--#372d86-1: #372d86;
}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.