Skip to content

Magenta Color Code: HEX Code & RGB Code Values ​

Looking for specific magenta color code? Get exact magenta hex code #FF00FF and magenta RGB code rgb(255,0,255). Complete color information for design and development projects featuring this vibrant, primary color.

Visual example of magenta color with its vibrant, electric appearance
HEX#FF00FF
RGBrgb(255,0,255)

Shades of Magenta ​

Create custom shades of magenta with our color generator. Adjust hues, tints, and tones to find the perfect shade of magenta for your project.

🎨

Shades (Adding Black)

  • FF00FF
    rgb(255, 0, 255)
  • D018D0
    rgb(208, 24, 208)
  • A31EA2
    rgb(163, 30, 162)
  • 781E77
    rgb(120, 30, 119)
  • 501A4F
    rgb(80, 26, 79)
  • 2B1329
    rgb(43, 19, 41)
  • 000000
    rgb(0, 0, 0)

Tints (Adding White)

  • FF00FF
    rgb(255, 0, 255)
  • FF5EFF
    rgb(255, 94, 255)
  • FF88FF
    rgb(255, 136, 255)
  • FFA9FF
    rgb(255, 169, 255)
  • FFC8FF
    rgb(255, 200, 255)
  • FFE4FF
    rgb(255, 228, 255)
  • FFFFFF
    rgb(255, 255, 255)

Tones (Adding Gray)

  • FF00FF
    rgb(255, 0, 255)
  • F439F2
    rgb(244, 57, 242)
  • E455E1
    rgb(228, 85, 225)
  • D369CF
    rgb(211, 105, 207)
  • C079BB
    rgb(192, 121, 187)
  • AA86A7
    rgb(170, 134, 167)
  • 808080
    rgb(128, 128, 128)

Magenta Palette ​

Explore curated and automatically generated color palettes featuring magenta. See how it harmonizes with other colors for UI themes, graphics, and branding materials.

🎨

Sequential

Single hue gradient for data visualization

7 colors
Lightest
#FFCAFF
Light
#FF9FFF
Medium Light
#FF6CFF
Medium
#FF00FF
Medium Dark
#B407B4
Dark
#6F076F
Darkest
#310430

Diverging

Dual hue gradient with a neutral midpoint

9 colors
Base End
#FF00FF
Left Dark
#FF6DFE
Left Medium
#FFA0FB
Left Light
#FDCCF9
Neutral
#F5F5F5
Right Light
#D3FAC6
Right Medium
#ACFD96
Right Dark
#7AFE61
Complementary End
#00FF00

Monochromatic

Same hue, different brightness/saturation

5 colors
Lightest
#FFFFFF
Light
#FFA5FF
Medium
#FF00FF
Dark
#A200A9
Darkest
#000000

Analogous

Colors adjacent on the color wheel (30° apart)

5 colors
Left Adjacent 2
#0000FF
Left Adjacent 1
#7F00FF
Main
#FF00FF
Right Adjacent 1
#FF0080
Right Adjacent 2
#FF0000

Complementary

Colors opposite on the color wheel (180° apart)

2 colors
Main
#FF00FF
Complementary
#00FF00

Triadic

Evenly spaced around the color wheel (120° apart)

3 colors
Main
#FF00FF
Secondary
#FFFF00
Tertiary
#00FFFF

Square

Four colors evenly spaced (90° apart)

4 colors
Main
#FF00FF
Right 90°
#FF8000
Complementary
#00FF00
Left 90°
#007FFF

Tetradic

Two pairs of complementary colors

4 colors
Main
#FF00FF
Secondary
#FF0000
Complementary
#00FF00
Complementary Secondary
#00FFFF

Split Complementary

Complementary colors ±30°

3 colors
Main
#FF00FF
Split Left
#80FF00
Split Right
#00FF80

Cyclic

Circular gradient for periodic data

8 colors
0°
#FF00FF
45°
#FF0040
90°
#FF8000
135°
#BFFF00
180°
#00FF00
225°
#00FFBF
270°
#007FFF
315°
#4000FF

Pastel

Soft, desaturated colors for modern UI

6 colors
Light Pastel
#C99CC9
Pastel 1
#D1A9D1
Pastel 2
#D8B6D8
Pastel 3
#DFC3DF
Pastel 4
#E6D1E6
Deep Pastel
#EDDEED

Common Red Color Codes (HEX & RGB) ​

Red →
HEX:#FF0000
RGB:rgb(255, 0, 0)
Dark Red →
HEX:#8B0000
RGB:rgb(139, 0, 0)
Blood Red →
HEX:#880808
RGB:rgb(136,8,8)
Maroon →
HEX:#800000
RGB:rgb(128, 0, 0)
Burgundy →
HEX:#800020
RGB:rgb(128, 0, 32)
Crimson →
HEX:#DC143C
RGB:rgb(220, 20, 60)

Extract Magenta Hex & RGB Codes from Image ​

Upload a photo to find the exact magenta HEX and RGB codes.

click or drag your image here
Supported formats: JPG, PNG, WebP

Magenta Color Code Converter ​

Instantly convert between HEX, RGB, CMYK, and more for magenta shades.

🎨

All Formats:

  • HEX:
    #FF00FF
  • RGB:
    rgb(255, 0, 255)
  • CMYK:
    cmyk(0%, 100%, 0%, 0%)
  • HSV:
    hsv(300°, 100%, 100%)
  • HSL:
    hsl(300°, 100%, 50%)

What is Magenta? ​

Magenta is a vibrant, electric purple-pink color that sits between red and blue on the color wheel. It's one of the primary subtractive colors, alongside cyan and yellow, used in printing. The name "magenta" comes from the Battle of Magenta in Italy, where the color was first produced as a dye in 1859.

Magenta is a bold, energetic color that commands attention. It's often associated with creativity, innovation, and non-conformity. The color has an electric quality that works well in modern and avant-garde designs.

The hex code for magenta is #FF00FF, with RGB values of rgb(255, 0, 255). This combination creates an intense, vibrant purple with equal parts red and blue.

Magenta vs Similar Colors ​

Magenta is distinct from other purple-pink shades:

ColorHEX CodeKey Difference
Magenta#FF00FFPure purple-pink
Pink#FFC0CBLighter, more red
Purple#800080Darker, balanced
Orchid#DA70D6Muted, less intense

Magenta is more vibrant than orchid and has equal red and blue components, making it unique among purple shades.

Color Psychology and Meaning ​

Magenta carries bold symbolic associations:

  • Creativity and innovation: Stimulates creative thinking
  • Energy and excitement: Evokes feelings of enthusiasm
  • Uniqueness and individuality: Associated with non-conformity
  • Transformation and change: Linked to new beginnings

Design Applications ​

Magenta's boldness makes it suitable for impactful designs:

Web and UI Design: Magenta works well for creative platforms, tech companies, and youth brands. It creates memorable, modern interfaces. Pair with black or white for contrast.

Graphic Design: Magenta is ideal for posters, digital art, and branding. It pairs beautifully with cyan, yellow, and black.

Fashion and Interiors: A dramatic color for statement pieces. In interiors, magenta adds energy as an accent.

Branding: Magenta is often used by technology, entertainment, and creative brands.

Color Harmony ​

Magenta pairs well with many colors:

  • Complementary: Green
  • Analogous: Purple, pink, and red
  • Monochromatic: Various shades of magenta
  • Triadic: Magenta, cyan, and yellow

Cultural Significance ​

Magenta has cultural significance:

  • In printing, magenta is one of the CMYK primary colors
  • It's often associated with counterculture and artistic expression
  • Magenta is the color of the LGBTQ+ pride flag's "spirit" stripe

Frequently Asked Questions ​

What is the magenta hex code? ​

The magenta hex code is #FF00FF. This vibrant purple-pink is widely used in design.

What colors go well with magenta? ​

Magenta pairs beautifully with cyan, yellow, black, and white.

Is magenta a primary color? ​

Yes, magenta is a primary subtractive color (CMY model) used in printing.

What are the RGB values for magenta? ​

The magenta RGB code is rgb(255, 0, 255).

Why is magenta called magenta? ​

Magenta is named after the Battle of Magenta (1859), where the color was first produced.