Magenta color

One of the base colors of CMYK printing. It was named after the Battle of Magenta in Italy, fought the same year the dye was created. On screen it's red and blue light at full strength.

Magenta · #FF00FF

About magenta

Magenta (#FF00FF) is a balanced, mid-tone, highly saturated color. It belongs to the pinks family. It mixes 255 red, 0 green and 255 blue (out of 255). It is mostly used in print, graphic design, web.

Magenta shades and tints

From lightest to darkest. Tap a shade to copy its code.

Magenta color harmonies

Combinations based on the color wheel. More in the color harmony tool.

ComplementaryClose to: Neon green

AnalogousClose to: Violet, Deep pink

TriadicClose to: Yellow, Cyan

Split complementaryClose to: Chartreuse, Mint green

TetradicClose to: Orange, Neon green, Electric blue

Magenta color palettes

Copy the codes or open a palette in the editor to tweak it.

Monochromatic palette · Magenta

Analogous palette · Magenta

Complementary palette · Magenta

Triadic palette · Magenta

With neutrals palette · Magenta

With an accent palette · Magenta

Magenta contrast with text

White textContrast 3.1:1 · AA large text

Black textContrast 6.7:1 · AA

Based on WCAG 2.1 guidelines. Test other pairs in the contrast checker.

CSS code

:root {
  --magenta: #FF00FF;
  --magenta-rgb: 255, 0, 255;
}
.bg { background-color: var(--magenta); }
.text { color: var(--magenta); }

Colors similar to magenta

Violet Fuchsia Deep purple Orchid Neon pink Grape purple Purple Deep pink Blue Amethyst

Themed palettes with this color

More pinks

Pink Dusty pink Old rose Fuchsia Hot pink Mexican pink Pastel pink Baby pink Deep pink Raspberry Rose quartz Rose gold Blush pink Flamingo pink Neon pink Dusty rose

Frequently asked questions

What is the hex code for magenta?

The hex code for magenta is #FF00FF. In RGB it is rgb(255, 0, 255), in HSL hsl(300, 100%, 50%) and in CMYK 0, 100, 0, 0.

What is the complementary color of magenta?

Its complement on the color wheel is #00FF00, close to neon green. Used in small doses, it works as an accent and adds strong contrast.

Can you use white text on magenta?

Use black text instead: the contrast with white is only 3.1:1, while with black it is 6.7:1.