Preview
#66396f
Family: Purple
Accessibility on this swatch:
Contrast vs white: 8.82:1 · vs black: 2.38:1
HEX
#66396f
RGB
rgb(102, 57, 111)
RGBA
rgba(102, 57, 111, 1)
HSL
hsl(290, 32%, 33%)
HSV
hsv(290, 49%, 44%)
LAB
lab(31.58% 29.48 -23.18)
LCH
lch(31.58% 37.5 321.82)
OKLAB
oklab(0.4223 0.0783 -0.064)
OKLCH
oklch(0.4223 0.1011 320.74)
XYZ
xyz(9.81, 6.90, 15.85)
CMYK
cmyk(8%, 49%, 0%, 56%)
CSS
color: #66396f;
CSS variable
--color-66396f: #66396f;
SCSS
$color-66396f: #66396f;
Tailwind
purple-600
Export
:root {
--#66396f-1: #66396f;
}Imagination, luxury, and wisdom. Frequently used for premium, creative, and tech brands.
Usage examples: primary buttons, chart series, status badges, marketing gradients, and brand accents in the Purple family.