Preview
#331a36
Family: Purple
Accessibility on this swatch:
Contrast vs white: 15.65:1 · vs black: 1.34:1
HEX
#331a36
RGB
rgb(51, 26, 54)
RGBA
rgba(51, 26, 54, 1)
HSL
hsl(294, 35%, 16%)
HSV
hsv(294, 52%, 21%)
LAB
lab(13.88% 17.9 -13.22)
LCH
lch(13.88% 22.25 323.55)
OKLAB
oklab(0.2649 0.0484 -0.0363)
OKLCH
oklch(0.2649 0.0605 323.13)
XYZ
xyz(2.40, 1.71, 3.69)
CMYK
cmyk(6%, 52%, 0%, 79%)
CSS
color: #331a36;
CSS variable
--color-331a36: #331a36;
SCSS
$color-331a36: #331a36;
Tailwind
purple-800
Export
:root {
--#331a36-1: #331a36;
}Imagination, luxury, and wisdom. Frequently used for premium, creative, and tech brands.
Usage examples: primary buttons, chart series, status badges, marketing gradients, and brand accents in the Purple family.