Preview
#322a33
Family: Purple
Accessibility on this swatch:
Contrast vs white: 13.86:1 · vs black: 1.51:1
HEX
#322a33
RGB
rgb(50, 42, 51)
RGBA
rgba(50, 42, 51, 1)
HSL
hsl(293, 10%, 18%)
HSV
hsv(293, 18%, 20%)
LAB
lab(18.25% 5.71 -4.45)
LCH
lch(18.25% 7.24 322.07)
OKLAB
oklab(0.2974 0.0155 -0.0119)
OKLCH
oklch(0.2974 0.0195 322.49)
XYZ
xyz(2.74, 2.57, 3.48)
CMYK
cmyk(2%, 18%, 0%, 80%)
CSS
color: #322a33;
CSS variable
--color-322a33: #322a33;
SCSS
$color-322a33: #322a33;
Tailwind
purple-800
Export
:root {
--#322a33-1: #322a33;
}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.