Preview
#f3e3f3
Family: Pink
Accessibility on this swatch:
Contrast vs white: 1.23:1 · vs black: 17.09:1
HEX
#f3e3f3
RGB
rgb(243, 227, 243)
RGBA
rgba(243, 227, 243, 1)
HSL
hsl(300, 40%, 92%)
HSV
hsv(300, 7%, 95%)
LAB
lab(91.89% 8.22 -5.8)
LCH
lch(91.89% 10.06 324.79)
OKLAB
oklab(0.9332 0.0226 -0.0154)
OKLCH
oklch(0.9332 0.0273 325.73)
XYZ
xyz(80.61, 80.46, 96.06)
CMYK
cmyk(0%, 7%, 0%, 5%)
CSS
color: #f3e3f3;
CSS variable
--color-f3e3f3: #f3e3f3;
SCSS
$color-f3e3f3: #f3e3f3;
Tailwind
fuchsia-50
Export
:root {
--#f3e3f3-1: #f3e3f3;
}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.