magenta

#FF00FF

CSS color

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.

Color Values

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

Properties

Color Psychology

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.

Color Harmonies

Color Blindness Simulation

CSS Usage

background-color: #FF00FF;
color: #FF00FF;
border-color: #FF00FF;
Nearest Tailwind: Fuchsia 500 #D946EF

Tailwind Shades

Contrast Checker

Text on white

3.14:1

AA Fail AAA Fail

Text on black

6.7:1

AA Pass AAA Fail

Compare With

Part of These Collections

Related Articles