Appearance
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.

HEX
#FF00FFRGB
rgb(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)
- FF00FFrgb(255, 0, 255)
- D018D0rgb(208, 24, 208)
- A31EA2rgb(163, 30, 162)
- 781E77rgb(120, 30, 119)
- 501A4Frgb(80, 26, 79)
- 2B1329rgb(43, 19, 41)
- 000000rgb(0, 0, 0)
Tints (Adding White)
- FF00FFrgb(255, 0, 255)
- FF5EFFrgb(255, 94, 255)
- FF88FFrgb(255, 136, 255)
- FFA9FFrgb(255, 169, 255)
- FFC8FFrgb(255, 200, 255)
- FFE4FFrgb(255, 228, 255)
- FFFFFFrgb(255, 255, 255)
Tones (Adding Gray)
- FF00FFrgb(255, 0, 255)
- F439F2rgb(244, 57, 242)
- E455E1rgb(228, 85, 225)
- D369CFrgb(211, 105, 207)
- C079BBrgb(192, 121, 187)
- AA86A7rgb(170, 134, 167)
- 808080rgb(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:
| Color | HEX Code | Key Difference |
|---|---|---|
| Magenta | #FF00FF | Pure purple-pink |
| Pink | #FFC0CB | Lighter, more red |
| Purple | #800080 | Darker, balanced |
| Orchid | #DA70D6 | Muted, 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.