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

Valeurs de couleur

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

Propriétés

Psychologie des couleurs

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.

Harmonies de couleurs

Simulation de daltonisme

Utilisation CSS

background-color: #FF00FF;
color: #FF00FF;
border-color: #FF00FF;
Tailwind le plus proche : Fuchsia 500 #D946EF

Nuances Tailwind

Vérificateur de contraste

Texte sur blanc

3,14:1

AA Fail AAA Fail

Texte sur noir

6,7:1

AA Pass AAA Fail

Comparer avec

Faisant partie de ces collections

Articles associés

Questions fréquemment posées

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 Échoué, AAA Échoué for normal text.

What text color is readable on #FF00FF?

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