Preview
#e691f0
Family: Purple
Accessibility on this swatch:
Contrast vs white: 2.17:1 · vs black: 9.67:1
HEX
#e691f0
RGB
rgb(230, 145, 240)
RGBA
rgba(230, 145, 240, 1)
HSL
hsl(294, 76%, 75%)
HSV
hsv(294, 40%, 94%)
LAB
lab(71.8% 46.81 -34.71)
LCH
lch(71.8% 58.27 323.44)
OKLAB
oklab(0.7759 0.1268 -0.0951)
OKLCH
oklch(0.7759 0.1585 323.13)
XYZ
xyz(58.49, 43.37, 87.71)
CMYK
cmyk(4%, 40%, 0%, 6%)
CSS
color: #e691f0;
CSS variable
--color-e691f0: #e691f0;
SCSS
$color-e691f0: #e691f0;
Tailwind
purple-200
Export
:root {
--#e691f0-1: #e691f0;
}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.