Preview
#ea80ff
Family: Purple
Accessibility on this swatch:
Contrast vs white: 2.33:1 · vs black: 9.03:1
HEX
#ea80ff
RGB
rgb(234, 128, 255)
RGBA
rgba(234, 128, 255, 1)
HSL
hsl(290, 100%, 75%)
HSV
hsv(290, 50%, 100%)
LAB
lab(69.58% 59.33 -46.33)
LCH
lch(69.58% 75.28 322.01)
OKLAB
oklab(0.7624 0.1572 -0.1282)
OKLCH
oklch(0.7624 0.2028 320.8)
XYZ
xyz(59.70, 40.15, 99.19)
CMYK
cmyk(8%, 50%, 0%, 0%)
CSS
color: #ea80ff;
CSS variable
--color-ea80ff: #ea80ff;
SCSS
$color-ea80ff: #ea80ff;
Tailwind
purple-200
Export
:root {
--#ea80ff-1: #ea80ff;
}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.