Preview
#fca4ff
Family: Pink
Accessibility on this swatch:
Contrast vs white: 1.77:1 · vs black: 11.89:1
HEX
#fca4ff
RGB
rgb(252, 164, 255)
RGBA
rgba(252, 164, 255, 1)
HSL
hsl(298, 100%, 82%)
HSV
hsv(298, 36%, 100%)
LAB
lab(78.73% 46.33 -31.93)
LCH
lch(78.73% 56.27 325.43)
OKLAB
oklab(0.8353 0.1275 -0.087)
OKLCH
oklch(0.8353 0.1544 325.69)
XYZ
xyz(71.47, 54.47, 101.34)
CMYK
cmyk(1%, 36%, 0%, 0%)
CSS
color: #fca4ff;
CSS variable
--color-fca4ff: #fca4ff;
SCSS
$color-fca4ff: #fca4ff;
Tailwind
purple-100
Export
:root {
--#fca4ff-1: #fca4ff;
}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.