Preview
#3a1174
Family: Deep Purple
Accessibility on this swatch:
Contrast vs white: 13.89:1 · vs black: 1.51:1
HEX
#3a1174
RGB
rgb(58, 17, 116)
RGBA
rgba(58, 17, 116, 1)
HSL
hsl(265, 74%, 26%)
HSV
hsv(265, 85%, 45%)
LAB
lab(18.19% 41.16 -48.2)
LCH
lch(18.19% 63.38 310.5)
OKLAB
oklab(0.3137 0.0627 -0.1383)
OKLCH
oklch(0.3137 0.1518 294.39)
XYZ
xyz(5.10, 2.56, 16.75)
CMYK
cmyk(50%, 85%, 0%, 55%)
CSS
color: #3a1174;
CSS variable
--color-3a1174: #3a1174;
SCSS
$color-3a1174: #3a1174;
Tailwind
violet-700
Export
:root {
--#3a1174-1: #3a1174;
}Mystery, ambition, and creativity. Strong for artistic and spiritual associations.
Usage examples: primary buttons, chart series, status badges, marketing gradients, and brand accents in the Deep Purple family.