Preview
#9900cc
Family: Purple
Accessibility on this swatch:
Contrast vs white: 6.51:1 · vs black: 3.23:1
HEX
#9900cc
RGB
rgb(153, 0, 204)
RGBA
rgba(153, 0, 204, 1)
HSL
hsl(285, 100%, 40%)
HSV
hsv(285, 100%, 80%)
LAB
lab(39.8% 75.65 -65.91)
LCH
lch(39.8% 100.33 318.94)
OKLAB
oklab(0.5162 0.1758 -0.187)
OKLCH
oklch(0.5162 0.2567 313.23)
XYZ
xyz(24.03, 11.13, 58.00)
CMYK
cmyk(25%, 100%, 0%, 20%)
CSS
color: #9900cc;
CSS variable
--color-9900cc: #9900cc;
SCSS
$color-9900cc: #9900cc;
Tailwind
purple-600
Export
:root {
--web-safe-#9900cc-1: #9900cc;
}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.