Preview
#3e3342
Family: Purple
Accessibility on this swatch:
Contrast vs white: 11.95:1 · vs black: 1.76:1
HEX
#3e3342
RGB
rgb(62, 51, 66)
RGBA
rgba(62, 51, 66, 1)
HSL
hsl(284, 13%, 23%)
HSV
hsv(284, 23%, 26%)
LAB
lab(22.95% 8.24 -7.51)
LCH
lch(22.95% 11.15 317.65)
OKLAB
oklab(0.3389 0.0217 -0.0203)
OKLCH
oklch(0.3389 0.0297 316.91)
XYZ
xyz(4.15, 3.79, 5.67)
CMYK
cmyk(6%, 23%, 0%, 74%)
CSS
color: #3e3342;
CSS variable
--color-3e3342: #3e3342;
SCSS
$color-3e3342: #3e3342;
Tailwind
purple-700
Export
:root {
--#3e3342-1: #3e3342;
}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.