Preview
#3a1d3d
Family: Purple
Accessibility on this swatch:
Contrast vs white: 14.76:1 · vs black: 1.42:1
HEX
#3a1d3d
RGB
rgb(58, 29, 61)
RGBA
rgba(58, 29, 61, 1)
HSL
hsl(294, 36%, 18%)
HSV
hsv(294, 52%, 24%)
LAB
lab(16.08% 20.2 -14.66)
LCH
lch(16.08% 24.96 324.03)
OKLAB
oklab(0.2849 0.0548 -0.0403)
OKLCH
oklch(0.2849 0.068 323.67)
XYZ
xyz(3.03, 2.12, 4.66)
CMYK
cmyk(5%, 52%, 0%, 76%)
CSS
color: #3a1d3d;
CSS variable
--color-3a1d3d: #3a1d3d;
SCSS
$color-3a1d3d: #3a1d3d;
Tailwind
purple-800
Export
:root {
--#3a1d3d-1: #3a1d3d;
}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.