Magenta Color Code

HEX

#FF00FF

RGB

rgb(255, 0, 255)

HSL

hsl(300, 100%, 50%)

CMYK

0%, 100%, 0%, 0%

About Magenta

Magenta is a striking and vibrant color that combines the passion of red with the calmness of blue. This electrifying hue is often associated with creativity, innovation, and nonconformity, making it a popular choice in various fields.

Psychology

Magenta is known to:

  • Inspire creativity and imagination
  • Evoke feelings of compassion and love
  • Promote a sense of balance and harmony

Usage

This dynamic color is effectively used in:

  • Artistic expressions and graphic design
  • Fashion and accessories that aim to stand out
  • Branding for companies focused on innovation and creativity
  • Interior design to add a pop of color and energy to spaces

Combinations

Magenta pairs beautifully with:

  • Electric Blue ( #007BFF )
  • Lime Green ( #A4D65E )
  • Deep Purple ( #5B2E91 )
  • Soft Pink ( #FFB6C1 )

Magenta shades and tints

Shade · 1

Shade · 2

Shade · 3

Tint · 4

Tint · 5

Tint · 6

Colors related to Magenta

Complementary

hsl(120, 100%, 50%)

Analogous

hsl(330, 100%, 50%)

Triadic

hsl(60, 100%, 50%)

Magenta color values and uses

Magenta is represented here by #FF00FF. In digital artwork, websites, and interface design, HEX is a compact way to specify the exact red, green, and blue channels. The equivalent RGB value is rgb(255, 0, 255); HSL hsl(300, 100%, 50%) describes hue, saturation, and lightness, while CMYK 0%, 100%, 0%, 0% offers a starting point for print workflows. These conversions are useful when moving a color between design tools, though displays, printers, and color profiles can produce different results.

Use magenta alongside the swatches above to compare lighter tints, deeper shades, and nearby hues. A restrained palette can reserve this color for a focal element and use a neutral background for supporting content. For text and controls, check contrast at the size and weight where the color will appear; a swatch that looks clear on a large area may be harder to read in small labels. Save the HEX or RGB value in your design system so the same color can be reused consistently.

Frequently asked questions about Magenta

What is the hex code of Magenta?

The hex code of Magenta is #FF00FF.

What is the RGB value of Magenta?

The RGB value is rgb(255, 0, 255), with red, green, and blue channels shown in that order.

What colors go with Magenta?

Magenta can be paired with complementary, analogous, or triadic hues. Check contrast and context before choosing a combination.

What are the HSL and CMYK values for Magenta?

The HSL value is hsl(300, 100%, 50%); the approximate CMYK conversion is 0%, 100%, 0%, 0%. CMYK output can vary by printer and color profile.

Similar colors

Browse all colors