Maroon Colors  ·  Color Library

Palettes / Colors / #EA0BEA

#EA0BEA — Vivid Pink

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

#EA0BEA is a warm-leaning 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 #0BEA0B; it also sits naturally between #7A0BEA and #EA0B7A. In the palettes below you can see it working alongside real color combinations from our collection.

#EA0BEA · RGB 234, 11, 234

Download PNG swatch SVG

Color values

HEX#EA0BEA
RGB234, 11, 234
HSL300°, 91%, 48%
HSV300°, 95%, 92%
CMYK0%, 95%, 0%, 8%
XYZ48.90, 23.67, 79.83
Yxy23.67, 0.3209, 0.1553
CIE-Lab55.76, 91.35, -56.62
Hunter Lab48.65, 98.40, -68.41

RGB & CMYK percentages

Red 92% · Green 4% · Blue 92%

Cyan 0% · Magenta 95% · Yellow 0% · Key 8%

CMYK values are unprofiled approximations for screen reference — not a print-proofing guarantee.

Previews

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

CSS code for #EA0BEA

.text { color: #EA0BEA; }
.background { background-color: #EA0BEA; }
.border { border: 3px solid #EA0BEA; }
.text-rgb { color: rgb(234, 11, 234); }
.text-hsl { color: hsl(300, 91%, 48%); }
.text-shadow-hex { text-shadow: 4px 4px 2px #EA0BEA; }
.text-shadow-rgba { text-shadow: 4px 4px 2px rgba(234, 11, 234, 0.8); }
.box-shadow-hex { box-shadow: 1px 1px 3px 2px #EA0BEA; }
.box-shadow-rgba { box-shadow: 1px 1px 3px 2px rgba(234, 11, 234, 0.8); }

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

Shades of #EA0BEA

#D60AD6#BE09BE#AA08AA#920792#7F067F#6B056B#530453#3F033F#270227#130113

Tints of #EA0BEA

#F41AF4#F532F5#F646F6#F75EF7#F977F9#FA8FFA#FBA7FB#FCBBFC#FDD3FD#FEECFE

Tones of #EA0BEA

#DA1BDA#CA2BCA#BA3BBA#AA4BAA#9A5B9A#8A6A8A

Color harmonies

Complementary — #0BEA0B:

Analogous:

Triadic:

Contrast & accessibility

Against white text3.66:1 AA large only
Against black text5.73:1 AA

Best text color on #EA0BEA: #000000.

How #EA0BEA looks with color blindness

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

Protanopia · #8987B4Deuteranopia · #96A7A7Tritanopia · #DF8980

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 600 · #C026D3Tailwind fuchsia 500 · #D946EFTailwind purple 600 · #9333EA

Palettes with a similar color

These palettes use a close neighbour of #EA0BEA rather than the exact color:

Misty Ruby Marble
#7238E6 · #DC17EC · #E83089 · #EE5240
Rustic Ruby Petal
#0A0A21 · #30FE55 · #4FFCE2 · #F819E1
Dreamy Ruby Aurora
#E71DDD · #EC3CAC · #F080A4 · #DF3C3E
Velvet Harbor
#1B180B · #FA4C7A · #1340FA · #DB13FA
Palette 000000
#000000 · #5800FF · #E900FF · #FFC600
Palette Fff78f
#FFF78F · #22B9CA · #0C99C1 · #F30CD4

Similar colors

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

#DC17EC#F819E1#E71DDD#DB13FA#E900FF#F30CD4#EC24E9#FA1BDE#FA1FE0#FD1DE0#E311CF#FC19FD

Browse neighbouring colors

← #EA0BE9  ·  #EA0BEB →

Frequently asked questions

What color is #EA0BEA?

#EA0BEA is Vivid Pink, a pink color (RGB 234, 11, 234). Its closest standard named color is Fuchsia.

What is the RGB and HSL of #EA0BEA?

#EA0BEA is RGB 234, 11, 234 — HSL 300°, 91%, 48% — CMYK 0%, 95%, 0%, 8%.

What colors go with #EA0BEA?

Its complement is #0BEA0B; analogous partners are #7A0BEA and #EA0B7A. It also appears in 6+ palettes in our collection.

Can I use #EA0BEA for text?

Black text on #EA0BEA has a contrast ratio of 5.73:1 (passes WCAG AA); white text gives 3.66:1.