Preview
#6c20df
Family: Deep Purple
Accessibility on this swatch:
Contrast vs white: 7.22:1 · vs black: 2.91:1
HEX
#6c20df
RGB
rgb(108, 32, 223)
RGBA
rgba(108, 32, 223, 1)
HSL
hsl(264, 75%, 50%)
HSV
hsv(264, 86%, 87%)
LAB
lab(37.02% 68.95 -81.68)
LCH
lch(37.02% 106.89 310.17)
OKLAB
oklab(0.4893 0.0932 -0.2348)
OKLCH
oklch(0.4893 0.2526 291.65)
XYZ
xyz(20.02, 9.55, 70.59)
CMYK
cmyk(52%, 86%, 0%, 13%)
CSS
color: #6c20df;
CSS variable
--color-6c20df: #6c20df;
SCSS
$color-6c20df: #6c20df;
Tailwind
violet-500
Export
:root {
--#6c20df-1: #6c20df;
}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.