Preview
#7a2bd5
Family: Deep Purple
Accessibility on this swatch:
Contrast vs white: 6.7:1 · vs black: 3.13:1
HEX
#7a2bd5
RGB
rgb(122, 43, 213)
RGBA
rgba(122, 43, 213, 1)
HSL
hsl(268, 67%, 50%)
HSV
hsv(268, 80%, 84%)
LAB
lab(39.02% 64.63 -72.59)
LCH
lch(39.02% 97.19 311.68)
OKLAB
oklab(0.5039 0.1113 -0.2078)
OKLCH
oklch(0.5039 0.2357 298.17)
XYZ
xyz(20.90, 10.67, 63.90)
CMYK
cmyk(43%, 80%, 0%, 16%)
CSS
color: #7a2bd5;
CSS variable
--color-7a2bd5: #7a2bd5;
SCSS
$color-7a2bd5: #7a2bd5;
Tailwind
violet-500
Export
:root {
--#7a2bd5-1: #7a2bd5;
}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.