Preview
#ff0099
Family: Pink
Accessibility on this swatch:
Contrast vs white: 3.68:1 · vs black: 5.71:1
HEX
#ff0099
RGB
rgb(255, 0, 153)
RGBA
rgba(255, 0, 153, 1)
HSL
hsl(324, 100%, 50%)
HSV
hsv(324, 100%, 100%)
LAB
lab(55.65% 86.53 -9.72)
LCH
lch(55.65% 87.07 353.59)
OKLAB
oklab(0.6533 0.2673 -0.0246)
OKLCH
oklch(0.6533 0.2684 354.74)
XYZ
xyz(46.99, 23.57, 32.21)
CMYK
cmyk(0%, 100%, 40%, 0%)
CSS
color: #ff0099;
CSS variable
--color-ff0099: #ff0099;
SCSS
$color-ff0099: #ff0099;
Tailwind
pink-500
Export
:root {
--web-safe-#ff0099-1: #ff0099;
}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.