Preview
#ff99d6
Family: Pink
Accessibility on this swatch:
Contrast vs white: 1.95:1 · vs black: 10.78:1
HEX
#ff99d6
RGB
rgb(255, 153, 214)
RGBA
rgba(255, 153, 214, 1)
HSL
hsl(324, 100%, 80%)
HSV
hsv(324, 40%, 100%)
LAB
lab(75.39% 46.07 -14.74)
LCH
lch(75.39% 48.37 342.26)
OKLAB
oklab(0.8061 0.1361 -0.039)
OKLCH
oklch(0.8061 0.1416 344.01)
XYZ
xyz(64.77, 48.90, 69.63)
CMYK
cmyk(0%, 40%, 16%, 0%)
CSS
color: #ff99d6;
CSS variable
--color-ff99d6: #ff99d6;
SCSS
$color-ff99d6: #ff99d6;
Tailwind
pink-200
Export
:root {
--#ff99d6-1: #ff99d6;
}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.