Preview
#e09ce3
Family: Pink
Accessibility on this swatch:
Contrast vs white: 2.09:1 · vs black: 10.03:1
HEX
#e09ce3
RGB
rgb(224, 156, 227)
RGBA
rgba(224, 156, 227, 1)
HSL
hsl(297, 56%, 75%)
HSV
hsv(297, 31%, 89%)
LAB
lab(73.01% 36.75 -25.8)
LCH
lch(73.01% 44.9 324.93)
OKLAB
oklab(0.7819 0.1009 -0.07)
OKLCH
oklch(0.7819 0.1228 325.25)
XYZ
xyz(56.49, 45.17, 78.40)
CMYK
cmyk(1%, 31%, 0%, 11%)
CSS
color: #e09ce3;
CSS variable
--color-e09ce3: #e09ce3;
SCSS
$color-e09ce3: #e09ce3;
Tailwind
purple-200
Export
:root {
--#e09ce3-1: #e09ce3;
}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.