Preview
#7c51d2
Family: Deep Purple
Accessibility on this swatch:
Contrast vs white: 5.3:1 · vs black: 3.96:1
HEX
#7c51d2
RGB
rgb(124, 81, 210)
RGBA
rgba(124, 81, 210, 1)
HSL
hsl(260, 59%, 57%)
HSV
hsv(260, 61%, 82%)
LAB
lab(45.39% 46.44 -60.47)
LCH
lch(45.39% 76.24 307.52)
OKLAB
oklab(0.5491 0.0793 -0.1724)
OKLCH
oklch(0.5491 0.1898 294.7)
XYZ
xyz(22.88, 14.82, 62.62)
CMYK
cmyk(41%, 61%, 0%, 18%)
CSS
color: #7c51d2;
CSS variable
--color-7c51d2: #7c51d2;
SCSS
$color-7c51d2: #7c51d2;
Tailwind
violet-400
Export
:root {
--#7c51d2-1: #7c51d2;
}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.