Preview
#cc0099
Family: Pink
Accessibility on this swatch:
Contrast vs white: 5.21:1 · vs black: 4.03:1
HEX
#cc0099
RGB
rgb(204, 0, 153)
RGBA
rgba(204, 0, 153, 1)
HSL
hsl(315, 100%, 40%)
HSV
hsv(315, 100%, 80%)
LAB
lab(45.83% 76.39 -25.59)
LCH
lch(45.83% 80.56 341.48)
OKLAB
oklab(0.5654 0.232 -0.0686)
OKLCH
oklch(0.5654 0.2419 343.53)
XYZ
xyz(30.65, 15.14, 31.44)
CMYK
cmyk(0%, 100%, 25%, 20%)
CSS
color: #cc0099;
CSS variable
--color-cc0099: #cc0099;
SCSS
$color-cc0099: #cc0099;
Tailwind
fuchsia-600
Export
:root {
--web-safe-#cc0099-1: #cc0099;
}Compassion, playfulness, and romance. Popular in beauty, lifestyle, and youth-focused products.
Usage examples: primary buttons, chart series, status badges, marketing gradients, and brand accents in the Pink family.