magenta

#FF00FF

CSS color

Overview

Magenta results from lighting the red and blue channels to their full extent while green stays dark: rgb(255, 0, 255), hex #FF00FF. Positioned at 300 degrees on the hue wheel, it is an additive secondary and the complement of green. CSS also recognizes it under the synonym fuchsia, and it belongs to the sixteen basic HTML colors. Magenta is notable for having no single dominant wavelength — the eye perceives it where the spectrum's red and violet ends are mixed, a non-spectral color that exists only as a combination. In subtractive printing it serves as one of the three primary inks, and combining magenta light with green returns a display to white.

Magenta (#FF00FF) is one of the three primary colors of the CMY(K) printing model—pure, fully saturated magenta at maximum RGB intensity. Equal parts red and blue light, it is a color that does not exist as a single wavelength in the visible spectrum but is perceived as an extra-spectral color between red and violet. It is visually electric and is used in fluorescent design, luxury branding, and bold digital palettes.

On this page

Farbwerte

HEX

#FF00FF

RGB

255, 0, 255

HSL

300,0, 100,0%, 50,0%

HSV

300,0, 100,0%, 100,0%

CMYK

0,0%, 100,0%, 0,0%, 0,0%

OKLCH

0,7017 0,3225 328,4

Eigenschaften

Farbpsychologie

Magenta is a stimulating, attention-commanding color that bridges passion and imagination. It represents transformation, artistic vision, and unconventional thinking. Magenta disrupts expectations and is associated with innovation and bold self-expression.

Design Usage

Medium magentas are powerful for brands that want to project creativity and boldness. They create eye-catching gradients when blended with purple or orange tones. Use sparingly as accent colors for maximum impact in otherwise restrained designs.

Farbharmonien

Farbenblindheits-Simulation

CSS-Verwendung

background-color: #FF00FF;
color: #FF00FF;
border-color: #FF00FF;
Nächster Tailwind-Farbton: Fuchsia 500 #D946EF

Tailwind-Farbtöne

Kontrastprüfer

Text auf Weiß

3,14:1

AA Fail AAA Fail

Text auf Schwarz

6,7:1

AA Pass AAA Fail

Vergleichen mit

Teil dieser Kollektionen

Ähnliche Artikel

Häufig gestellte Fragen

What are the RGB, HSL, and CMYK values of #FF00FF?

RGB(255, 0, 255) · HSL(300,0, 100,0%, 50,0%) · CMYK(0,0%, 100,0%, 0,0%, 0,0%)

Does #FF00FF meet WCAG contrast on white?

3,14:1 — WCAG AA Nicht bestanden, AAA Nicht bestanden for normal text.

What text color is readable on #FF00FF?

Use 000000 text on a #FF00FF background; contrast on black is 6,7:1.