Skip to content

Magenta #ff00ff

The color that isn’t in the rainbow.

RGB
255, 0, 255
HSL
300°, 100%, 50%
CMYK
0, 100, 0, 0
Luminance
0.2848

About Magenta

Magenta, #ff00ff, is red and blue at full power with green absent — and it has no wavelength of its own. It exists only because your brain invents a bridge between the two ends of the spectrum: the most famous “impossible color” that is nevertheless a printing primary (the M in CMYK).

History

Named after the 1859 Battle of Magenta, when the newly synthesized fuchsine dye needed a headline. A century later it became print’s workhorse, then the 1980s’ neon signature, then telecom’s most litigated color — T-Mobile defends its magenta trademark in court, successfully.

Psychology

Magenta is nonconformity at full volume: creative, futuristic, deliberately artificial. Nothing in nature at scale is magenta, so it always reads as made — which is exactly its power in branding.

In design

Full #ff00ff is a dark-canvas accent and gradient endpoint (violet→magenta→orange is the vaporwave axis); it fails as text on white (3.0:1). Print designers know its tamer process form (#ec008c-class). Pair with cyan for maximum synth, black for neon signage.

In culture

Magenta is synthwave sunsets, printer cartridges and the philosophical favorite of color scientists — the hue that proves color happens in brains, not in light.

Brands that own magenta

Shades of magenta

Every format

HEX#ff00ff
RGBrgb(255, 0, 255)
HSLhsl(300, 100%, 50%)
CMYKcmyk(0%, 100%, 0%, 0%)
LABlab(60.3 98.2 -60.8)
LCHlch(60.3 115.5 328.2)
OKLCHoklch(0.702 0.323 328.4)

Copy-ready code

/* CSS */
color: #ff00ff;
background-color: #ff00ff;
/* Tailwind (arbitrary) */
class="text-[#ff00ff] bg-[#ff00ff]"
/* SCSS */
$brand: #ff00ff;
/* SwiftUI */
Color(red: 1.000, green: 0.000, blue: 1.000)
/* Android */
Color.parseColor("#ff00ff")

Accessibility — WCAG contrast

Aa
#ff00ff on white: 3.14:1
AA ✗ fail · AA-large · AAA
Aa
#ff00ff on black: 6.70:1
AA ✓ pass · AA-large · AAA
true color
protanopia
deuteranopia
tritanopia

RGB percentages

Red100.0%
Green0.0%
Blue100.0%

CMYK percentages

Cyan0.0%
Magenta100.0%
Yellow0.0%
Key (black)0.0%

Color previews

#ff00ff text on a black background

contrast 6.70:1

Card sample

#ff00ff text on a white background

contrast 3.14:1

Card sample

CSS3 live lab

Text font color

The quick brown fox

color: #ff00ff;
Background color
Panel with #ff00ff background
background-color: #ff00ff;
Text shadow — hex

Glowing headline

text-shadow: 2px 2px 8px #ff00ff;
Text shadow — RGB

Soft neon halo

text-shadow: 0 0 14px rgba(255, 0, 255, 0.45);
Div box shadow
Elevated card
box-shadow: 0 12px 32px -8px rgba(255, 0, 255, 0.45);
Border & gradient
Gradient panel
border: 3px solid #ff00ff;
background: linear-gradient(135deg, #ff00ff, #FF0055);

Monochromatic scale

Palettes built from #ff00ff

Shades — darker

Tints — lighter

Hue & tone neighbors

Color harmonies

Nearest named colors

Magenta, answered

What is the hex code for magenta?

Pure magenta is #ff00ff (CSS “fuchsia” is the identical value). Print’s process magenta is nearer #ec008c; T-Mobile’s trademark sits at #e20074.

Why is magenta called an impossible color?

It has no single wavelength — it is the brain’s invention for simultaneous red and blue stimulation with no green. The rainbow never contains it.

Magenta vs fuchsia — any difference?

In CSS, none: both name #ff00ff. In print and fashion, fuchsia often implies a slightly pinker, lighter tone.

Work with #ff00ff in the Color Lab