Preview
#3a1155
Family: Purple
Accessibility on this swatch:
Contrast vs white: 15.09:1 · vs black: 1.39:1
HEX
#3a1155
RGB
rgb(58, 17, 85)
RGBA
rgba(58, 17, 85, 1)
HSL
hsl(276, 67%, 20%)
HSV
hsv(276, 80%, 33%)
LAB
lab(15.26% 32.95 -32.52)
LCH
lch(15.26% 46.3 315.38)
OKLAB
oklab(0.2842 0.0722 -0.0923)
OKLCH
oklch(0.2842 0.1172 308.03)
XYZ
xyz(3.58, 1.96, 8.78)
CMYK
cmyk(32%, 80%, 0%, 67%)
CSS
color: #3a1155;
CSS variable
--color-3a1155: #3a1155;
SCSS
$color-3a1155: #3a1155;
Tailwind
violet-800
Export
:root {
--#3a1155-1: #3a1155;
}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.