Preview
#eba5f3
Family: Purple
Accessibility on this swatch:
Contrast vs white: 1.87:1 · vs black: 11.21:1
HEX
#eba5f3
RGB
rgb(235, 165, 243)
RGBA
rgba(235, 165, 243, 1)
HSL
hsl(294, 76%, 80%)
HSV
hsv(294, 32%, 95%)
LAB
lab(76.71% 38.4 -28.73)
LCH
lch(76.71% 47.96 323.2)
OKLAB
oklab(0.8145 0.1042 -0.0782)
OKLCH
oklch(0.8145 0.1303 323.11)
XYZ
xyz(63.89, 51.05, 91.26)
CMYK
cmyk(3%, 32%, 0%, 5%)
CSS
color: #eba5f3;
CSS variable
--color-eba5f3: #eba5f3;
SCSS
$color-eba5f3: #eba5f3;
Tailwind
purple-200
Export
:root {
--#eba5f3-1: #eba5f3;
}Imagination, luxury, and wisdom. Frequently used for premium, creative, and tech brands.
Usage examples: primary buttons, chart series, status badges, marketing gradients, and brand accents in the Purple family.