Preview
#cc66cc
Family: Pink
Accessibility on this swatch:
Contrast vs white: 3.31:1 · vs black: 6.34:1
HEX
#cc66cc
RGB
rgb(204, 102, 204)
RGBA
rgba(204, 102, 204, 1)
HSL
hsl(300, 50%, 60%)
HSV
hsv(300, 50%, 80%)
LAB
lab(58.7% 54.44 -35.3)
LCH
lch(58.7% 64.88 327.04)
OKLAB
oklab(0.6665 0.1513 -0.0969)
OKLCH
oklch(0.6665 0.1797 327.36)
XYZ
xyz(40.55, 26.70, 60.13)
CMYK
cmyk(0%, 50%, 0%, 20%)
CSS
color: #cc66cc;
CSS variable
--color-cc66cc: #cc66cc;
SCSS
$color-cc66cc: #cc66cc;
Tailwind
fuchsia-400
Export
:root {
--web-safe-#cc66cc-1: #cc66cc;
}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.