Maroon Colors  ·  Color Library

Palettes / Colors / #E02EFF

#E02EFF — Vivid Pink

#E02EFF is a pink color we call Vivid Pink, closest to the named color Fuchsia (#FF00FF). It belongs to the pink family.

#E02EFF is a cool pink color associated with playfulness, romance and softness. It is saturated enough to be the accent — buttons, highlights and calls to action — while neutrals do the quiet work around it.

Its strongest partner is its complement #4DFF2E; it also sits naturally between #772EFF and #FF2EB6. In the palettes below you can see it working alongside real color combinations from our collection.

#E02EFF · RGB 224, 46, 255

Download PNG swatch SVG

Color values

HEX#E02EFF
RGB224, 46, 255
HSL291°, 100%, 59%
HSV291°, 82%, 100%
CMYK12%, 82%, 0%, 0%
XYZ49.77, 25.02, 96.81
Yxy25.02, 0.2900, 0.1458
CIE-Lab57.10, 87.93, -66.29
Hunter Lab50.02, 94.20, -85.63

RGB & CMYK percentages

Red 88% · Green 18% · Blue 100%

Cyan 12% · Magenta 82% · Yellow 0% · Key 0%

Previews

Sample text in #E02EFF on black
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Sample text in #E02EFF on white
Lorem ipsum dolor sit amet, consectetur adipiscing elit.

CSS code for #E02EFF

.text { color: #E02EFF; }
.background { background-color: #E02EFF; }
.border { border: 3px solid #E02EFF; }
.text-rgb { color: rgb(224, 46, 255); }
.text-hsl { color: hsl(291, 100%, 59%); }
.text-shadow-hex { text-shadow: 4px 4px 2px #E02EFF; }
.text-shadow-rgba { text-shadow: 4px 4px 2px rgba(224, 46, 255, 0.8); }
.box-shadow-hex { box-shadow: 1px 1px 3px 2px #E02EFF; }
.box-shadow-rgba { box-shadow: 1px 1px 3px 2px rgba(224, 46, 255, 0.8); }

HTML: <p style="color:#E02EFF">Text here</p> · <div style="background-color:#E02EFF">Div content here</div>

Shades of #E02EFF

#DC14FF#D000F5#BA00DB#A000BD#8B00A3#710085#5B006B#41004D#2B0033#110014

Tints of #E02EFF

#E342FF#E552FF#E866FF#EB7AFF#EE8FFF#F09EFF#F4B3FF#F7C7FF#F9D6FF#FCEBFF

Tones of #E02EFF

#D53DF0#CA4CE1#C05BD2#B669C3#AC78B5#A188A5

Color harmonies

Complementary — #4DFF2E:

Analogous:

Triadic:

Contrast & accessibility

Against white text3.50:1 AA large only
Against black text6.00:1 AA

Best text color on #E02EFF: #000000.

How #E02EFF looks with color blindness

Simulated with standard Machado color-vision-deficiency matrices — useful when this color carries meaning in charts, maps or interfaces:

Protanopia · #9391CCDeuteranopia · #9DABC0Tritanopia · #D7A59C

Closest design-system colors

The nearest matches in the Tailwind CSS, Material Design and Bootstrap palettes — handy when you need a framework class instead of a raw hex:

Tailwind fuchsia 500 · #D946EFTailwind fuchsia 600 · #C026D3Tailwind purple 500 · #A855F7

Palettes with #E02EFF or a close neighbour

Vivid Ruby Bloom
#362F0F · #1C87FD · #E62FFD · #14FCC8
Hidden Twilight
#0C2314 · #F8185B · #4172FD · #D930FC
Amber Ruby Canyon
#0E1A22 · #43F784 · #F8A321 · #D82EF7
Dusty Horizon
#3595DD · #1D2FE0 · #A573F2 · #D835F0
Frozen Ruby Mosaic
#880FB1 · #D731ED · #78F04F · #A1EF97
Misty Ruby Drift
#24160D · #CC2FF8 · #395EF9 · #9A1CFD

Similar colors

The closest colors that actually appear in our palette collection — click any to open its page:

#E62FFD#D930FC#D82EF7#D835F0#D731ED#CC2FF8#F237F8#ED3EF7#EA46FC#EC24E9#FB2CFB#C52CF9

Browse neighbouring colors

← #E02EFE  ·  #E02F00 →

Frequently asked questions

What color is #E02EFF?

#E02EFF is Vivid Pink, a pink color (RGB 224, 46, 255). Its closest standard named color is Fuchsia.

What is the RGB and HSL of #E02EFF?

#E02EFF is RGB 224, 46, 255 — HSL 291°, 100%, 59% — CMYK 12%, 82%, 0%, 0%.

What colors go with #E02EFF?

Its complement is #4DFF2E; analogous partners are #772EFF and #FF2EB6. It also appears in 6+ palettes in our collection.

Can I use #E02EFF for text?

Black text on #E02EFF has a contrast ratio of 6.00:1 (passes WCAG AA); white text gives 3.50:1.