Preview
#362f5c
Family: Indigo
Accessibility on this swatch:
Contrast vs white: 12.22:1 · vs black: 1.72:1
HEX
#362f5c
RGB
rgb(54, 47, 92)
RGBA
rgba(54, 47, 92, 1)
HSL
hsl(249, 32%, 27%)
HSV
hsv(249, 49%, 36%)
LAB
lab(22.27% 15.53 -25.97)
LCH
lch(22.27% 30.26 300.88)
OKLAB
oklab(0.3361 0.0248 -0.0733)
OKLCH
oklch(0.3361 0.0774 288.69)
XYZ
xyz(4.47, 3.59, 10.58)
CMYK
cmyk(41%, 49%, 0%, 64%)
CSS
color: #362f5c;
CSS variable
--color-362f5c: #362f5c;
SCSS
$color-362f5c: #362f5c;
Tailwind
indigo-700
Export
:root {
--#362f5c-1: #362f5c;
}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.