Preview
#fc99ff
Family: Pink
Accessibility on this swatch:
Contrast vs white: 1.89:1 · vs black: 11.14:1
HEX
#fc99ff
RGB
rgb(252, 153, 255)
RGBA
rgba(252, 153, 255, 1)
HSL
hsl(298, 100%, 80%)
HSV
hsv(298, 40%, 100%)
LAB
lab(76.5% 51.94 -35.39)
LCH
lch(76.5% 62.85 325.73)
OKLAB
oklab(0.8185 0.1431 -0.0967)
OKLCH
oklch(0.8185 0.1727 325.95)
XYZ
xyz(69.58, 50.70, 100.71)
CMYK
cmyk(1%, 40%, 0%, 0%)
CSS
color: #fc99ff;
CSS variable
--color-fc99ff: #fc99ff;
SCSS
$color-fc99ff: #fc99ff;
Tailwind
purple-200
Export
:root {
--#fc99ff-1: #fc99ff;
}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.