Preview
#332f7f
Family: Indigo
Accessibility on this swatch:
Contrast vs white: 11.33:1 · vs black: 1.85:1
HEX
#332f7f
RGB
rgb(51, 47, 127)
RGBA
rgba(51, 47, 127, 1)
HSL
hsl(243, 46%, 34%)
HSV
hsv(243, 63%, 50%)
LAB
lab(24.54% 26.65 -44.86)
LCH
lch(24.54% 52.18 300.71)
OKLAB
oklab(0.3604 0.0223 -0.1289)
OKLCH
oklch(0.3604 0.1308 279.82)
XYZ
xyz(6.21, 4.27, 20.57)
CMYK
cmyk(60%, 63%, 0%, 50%)
CSS
color: #332f7f;
CSS variable
--color-332f7f: #332f7f;
SCSS
$color-332f7f: #332f7f;
Tailwind
indigo-600
Export
:root {
--#332f7f-1: #332f7f;
}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.