Preview
#ff66cc
Family: Pink
Accessibility on this swatch:
Contrast vs white: 2.62:1 · vs black: 8.02:1
HEX
#ff66cc
RGB
rgb(255, 102, 204)
RGBA
rgba(255, 102, 204, 1)
HSL
hsl(320, 100%, 70%)
HSV
hsv(320, 60%, 100%)
LAB
lab(65.85% 68.59 -23.67)
LCH
lch(65.85% 72.56 340.96)
OKLAB
oklab(0.7337 0.205 -0.0632)
OKLCH
oklch(0.7337 0.2145 342.87)
XYZ
xyz(56.89, 35.13, 60.90)
CMYK
cmyk(0%, 60%, 20%, 0%)
CSS
color: #ff66cc;
CSS variable
--color-ff66cc: #ff66cc;
SCSS
$color-ff66cc: #ff66cc;
Tailwind
pink-300
Export
:root {
--web-safe-#ff66cc-1: #ff66cc;
}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.