Magenta

One of the primary printing inks, a striking color between red and purple

HEX#FF00FF

RGBrgb(255, 0, 255)

HSLhsl(300, 100%, 50%)

HSVhsv(300, 100%, 100%)

CMYKcmyk(0%, 100%, 0%, 0%)

HEXA#FF00FFFF

RGBArgba(255, 0, 255, 1)

HSLAhsla(300, 100%, 50%, 1)

OKLCHoklch(70.2%, 0.322, 328)

LCHlch(60.3%, 112.7, 324)

🎨 Color Palettes

Analogous2-3 adjacent hues (≤60°)

Triadic3 hues spaced 120° apart

Split ComplementaryMain color + colors adjacent to its complement

Complementary2 hues spaced 180° apart

Tetradic (Rectangle)4 hues forming a rectangle

MonochromaticSingle hue with varying saturation and lightness

♿ WCAG Contrast Colors

Learn More →

Aa14px Body

High Contrast Text

#FFFFFFRatio 3.1:1AA Large

Suitable for body text, headings, and primary content, ensuring readability for all users

Aa14px Body

Standard Text

#FFFFFFRatio 3.1:1AA Large

Suitable for regular body content, meeting WCAG AA standards

Aa14px Body

Large Text / UI Components

#FFFAFARatio 3:1AA Large

Suitable for large text (≥18px bold or ≥24px), icons, UI component boundaries

Aa14px Body

Decorative / Dividers

#FFFF00Ratio 2.9:1Fail

Suitable for decorative elements, dividers, non-essential text

📊 Color Scales

Online Color Picker → Gradient Generator →

Lightness VariationFixed hue and saturation, proportional lightness scaling 30%→100%

#4D004C

#6B006B

#8A008A

#A300A3

#C200C2

#E000E0

#FF00FF

Saturation VariationFixed hue and lightness, proportional saturation scaling 40%→100%

#B34DB2

#BF40BF

#CC33CC

#D926D9

#E619E5

#F20DF2

#FF00FF

Lightness + Saturation Mixed VariationSimultaneous lightness and saturation proportional scaling

#321B32

#4C1F4C

#692069

#871D87

#AC16AC

#D30DD3

#FF00FF

Hue Fine-TuningFixed saturation and lightness, stepwise hue fine-tuning ±15°

#BF00FF

#D400FF

#EA00FF

#FF00FF

#FF00EA

#FF00D4

#FF00BF

💡 Use Cases

🖨️

Print Proofing

As the crucial M primary in CMYK, the color accuracy of all printed materials depends on the strict control and calibration of Magenta.

🎨

Pop Art Posters

Used in event key visuals to create an eye-popping effect, often paired with yellow or cyan to form a high-contrast tri-color impact.

🕹️

Neon Signs

Simulates neon lights in urban nightscapes; it's the most iconic tech-savvy color in cyberpunk illustrations and short video filters.

🦄

Hair Highlights

The most enthusiastic exaggerated hair color for trendy men and women during music festival season, photogenic, and a self-contained visual totem for subcultural attributes.

📜 Origin & History

Magenta was first successfully synthesized from coal tar by a Polish chemist in 1859. Initially named 'fuchsine' to commemorate a famous battle of the time, it was a major breakthrough in artificial synthetic dyes, kicking off the color era of the modern chemical industry.

As chemically synthesized dyes were far cheaper than natural extracts, vivid Magenta quickly spread in the European textile industry, breaking the nobility's monopoly on purple shades and becoming a democratic, bright color used widely in mass fashion.

In the latter half of the 20th century, Magenta became a core colorant in the CMYK four-color printing process. As the M in CMYK, it is an irreplaceable industrial standard for all color printed matter and inkjet printing, underpinning the visual foundation of modern information dissemination.

In Pop Art and digital art, masters like Andy Warhol discovered Magenta's high-saturation visual punch, applying it extensively in silkscreen prints to express critique and replication of consumerism and pop culture.

Today, on digital screens, Magenta is the color at the boundary of red and violet in the visible spectrum for humans. It represents a crossing from physical optics to virtual pixels, symbolizing the unnatural ultimate color of the metaverse and cyberpunk aesthetics.

🧠 Color Psychology

Visual ImpactAs an extreme color in complementary color theory, its high brightness stimulates the retina, bringing an undeniable strong presence and aggressiveness.

Synthetic AestheticPossesses a highly unnatural quality rarely found in nature, symbolizing artificial synthesis, chemical industry, and the cold precision of advanced modern technology.

Pop SpiritCarries the duplicated, playful, cheap pop culture gene; a witty rebellion against high art and elite aesthetics.

Transdimensional FeelExtremely close to neon light effects, often used to represent virtual objects in sci-fi and cyberspace, breaking the visual boundaries between 2D and 3D.

Creative & BoldThose who dare to use this color extensively in design typically possess high creativity and the courage to break conventions and disregard norms.

Psychedelic & DizzyingIn the ambiguous zone between red and purple, it induces feelings of dizziness and excitement, like being at a debaucherous underground party.

← Back to Explore Colors