Preview
#9900ff
Family: Purple
Accessibility on this swatch:
Contrast vs white: 5.53:1 · vs black: 3.8:1
HEX
#9900ff
RGB
rgb(153, 0, 255)
RGBA
rgba(153, 0, 255, 1)
HSL
hsl(276, 100%, 50%)
HSV
hsv(276, 100%, 100%)
LAB
lab(44.22% 85.27 -87.71)
LCH
lch(44.22% 122.33 314.19)
OKLAB
oklab(0.5597 0.1563 -0.251)
OKLCH
oklch(0.5597 0.2957 301.91)
XYZ
xyz(31.18, 13.99, 95.65)
CMYK
cmyk(40%, 100%, 0%, 0%)
CSS
color: #9900ff;
CSS variable
--color-9900ff: #9900ff;
SCSS
$color-9900ff: #9900ff;
Tailwind
violet-500
Export
:root {
--web-safe-#9900ff-1: #9900ff;
}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.