Preview
#e7b2e9
Family: Pink
Accessibility on this swatch:
Contrast vs white: 1.76:1 · vs black: 11.94:1
HEX
#e7b2e9
RGB
rgb(231, 178, 233)
RGBA
rgba(231, 178, 233, 1)
HSL
hsl(298, 56%, 81%)
HSV
hsv(298, 24%, 91%)
LAB
lab(78.88% 28.34 -20.06)
LCH
lch(78.88% 34.72 324.71)
OKLAB
oklab(0.829 0.0778 -0.0541)
OKLCH
oklch(0.829 0.0948 325.19)
XYZ
xyz(63.58, 54.71, 84.29)
CMYK
cmyk(1%, 24%, 0%, 9%)
CSS
color: #e7b2e9;
CSS variable
--color-e7b2e9: #e7b2e9;
SCSS
$color-e7b2e9: #e7b2e9;
Tailwind
purple-100
Export
:root {
--#e7b2e9-1: #e7b2e9;
}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.