Preview
#f5a3e6
Family: Pink
Accessibility on this swatch:
Contrast vs white: 1.86:1 · vs black: 11.26:1
HEX
#f5a3e6
RGB
rgb(245, 163, 230)
RGBA
rgba(245, 163, 230, 1)
HSL
hsl(311, 80%, 80%)
HSV
hsv(311, 33%, 96%)
LAB
lab(76.87% 40.28 -21.34)
LCH
lch(76.87% 45.58 332.09)
OKLAB
oklab(0.8166 0.1148 -0.0573)
OKLCH
oklch(0.8166 0.1283 333.47)
XYZ
xyz(65.04, 51.32, 81.33)
CMYK
cmyk(0%, 33%, 6%, 4%)
CSS
color: #f5a3e6;
CSS variable
--color-f5a3e6: #f5a3e6;
SCSS
$color-f5a3e6: #f5a3e6;
Tailwind
fuchsia-200
Export
:root {
--#f5a3e6-1: #f5a3e6;
}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.