Preview
#f2d0f3
Family: Pink
Accessibility on this swatch:
Contrast vs white: 1.39:1 · vs black: 15.09:1
HEX
#f2d0f3
RGB
rgb(242, 208, 243)
RGBA
rgba(242, 208, 243, 1)
HSL
hsl(298, 59%, 88%)
HSV
hsv(298, 14%, 95%)
LAB
lab(87.22% 17.83 -12.74)
LCH
lch(87.22% 21.91 324.45)
OKLAB
oklab(0.8967 0.0489 -0.034)
OKLCH
oklch(0.8967 0.0596 325.19)
XYZ
xyz(75.35, 70.46, 94.41)
CMYK
cmyk(0%, 14%, 0%, 5%)
CSS
color: #f2d0f3;
CSS variable
--color-f2d0f3: #f2d0f3;
SCSS
$color-f2d0f3: #f2d0f3;
Tailwind
purple-100
Export
:root {
--#f2d0f3-1: #f2d0f3;
}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.