Preview
#f5eaf5
Family: Pink
Accessibility on this swatch:
Contrast vs white: 1.17:1 · vs black: 17.97:1
HEX
#f5eaf5
RGB
rgb(245, 234, 245)
RGBA
rgba(245, 234, 245, 1)
HSL
hsl(300, 35%, 94%)
HSV
hsv(300, 4%, 96%)
LAB
lab(93.82% 5.63 -3.98)
LCH
lch(93.82% 6.89 324.74)
OKLAB
oklab(0.9488 0.0155 -0.0105)
OKLCH
oklch(0.9488 0.0187 325.89)
XYZ
xyz(83.56, 84.85, 98.34)
CMYK
cmyk(0%, 4%, 0%, 4%)
CSS
color: #f5eaf5;
CSS variable
--color-f5eaf5: #f5eaf5;
SCSS
$color-f5eaf5: #f5eaf5;
Tailwind
fuchsia-50
Export
:root {
--#f5eaf5-1: #f5eaf5;
}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.