Preview
#664d99
Family: Deep Purple
Accessibility on this swatch:
Contrast vs white: 6.8:1 · vs black: 3.09:1
HEX
#664d99
RGB
rgb(102, 77, 153)
RGBA
rgba(102, 77, 153, 1)
HSL
hsl(260, 33%, 45%)
HSV
hsv(260, 50%, 60%)
LAB
lab(38.61% 27.94 -38)
LCH
lch(38.61% 47.17 306.33)
OKLAB
oklab(0.4822 0.0542 -0.1071)
OKLCH
oklch(0.4822 0.12 296.84)
XYZ
xyz(13.88, 10.43, 31.41)
CMYK
cmyk(33%, 50%, 0%, 40%)
CSS
color: #664d99;
CSS variable
--color-664d99: #664d99;
SCSS
$color-664d99: #664d99;
Tailwind
violet-500
Export
:root {
--#664d99-1: #664d99;
}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.