Preview
#663399
Family: Deep Purple
Accessibility on this swatch:
Contrast vs white: 8.41:1 · vs black: 2.5:1
HEX
#663399
RGB
rgb(102, 51, 153)
RGBA
rgba(102, 51, 153, 1)
HSL
hsl(270, 50%, 40%)
HSV
hsv(270, 67%, 60%)
LAB
lab(32.9% 42.88 -47.15)
LCH
lch(32.9% 63.73 312.28)
OKLAB
oklab(0.4403 0.0882 -0.1339)
OKLCH
oklch(0.4403 0.1603 303.37)
XYZ
xyz(12.41, 7.49, 30.92)
CMYK
cmyk(33%, 67%, 0%, 40%)
CSS
color: #663399;
CSS variable
--color-663399: #663399;
SCSS
$color-663399: #663399;
Tailwind
violet-600
Export
:root {
--rebeccapurple-1: #663399;
}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.