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)
- 3B82F6rgb(59, 130, 246)
- 376BC8rgb(55, 107, 200)
- 31559Drgb(49, 85, 157)
- 294073rgb(41, 64, 115)
- 202C4Crgb(32, 44, 76)
- 151928rgb(21, 25, 40)
- 000000rgb(0, 0, 0)
Tints (Adding White)
- 3B82F6rgb(59, 130, 246)
- 6D95F8rgb(109, 149, 248)
- 91A9FArgb(145, 169, 250)
- AFBEFCrgb(175, 190, 252)
- CBD3FDrgb(203, 211, 253)
- E5E9FErgb(229, 233, 254)
- FFFFFFrgb(255, 255, 255)
Tones (Adding Gray)
- 3B82F6rgb(59, 130, 246)
- 5082E9rgb(80, 130, 233)
- 6182D7rgb(97, 130, 215)
- 6F83C4rgb(111, 131, 196)
- 7983B0rgb(121, 131, 176)
- 80849Brgb(128, 132, 155)
- 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
#DAF1FF
Light
#ACD2F3
Medium Light
#7AB5E7
Medium
#3498DB
Medium Dark
#2B6F9F
Dark
#214967
Darkest
#142634
Diverging
Dual hue gradient with a neutral midpoint
9 colors
Base End
#3498DB
Left Dark
#76AEE2
Left Medium
#A4C5E9
Left Light
#CEDDEF
Neutral
#F5F5F5
Right Light
#F5D5C3
Right Medium
#F1B593
Right Dark
#E89664
Complementary End
#DB7734
Monochromatic
Same hue, different brightness/saturation
5 colors
Lightest
#FFFFFF
Light
#A9CAED
Medium
#3498DB
Dark
#004D89
Darkest
#000000
Analogous
Colors adjacent on the color wheel (30° apart)
5 colors
Left Adjacent 2
#34DB77
Left Adjacent 1
#34DBCB
Main
#3498DB
Right Adjacent 1
#3445DB
Right Adjacent 2
#7734DB
Complementary
Colors opposite on the color wheel (180° apart)
2 colors
Main
#3498DB
Complementary
#DB7734
Triadic
Evenly spaced around the color wheel (120° apart)
3 colors
Main
#3498DB
Secondary
#DB3498
Tertiary
#98DB34
Square
Four colors evenly spaced (90° apart)
4 colors
Main
#3498DB
Right 90°
#CB34DB
Complementary
#DB7734
Left 90°
#45DB34
Tetradic
Two pairs of complementary colors
4 colors
Main
#3498DB
Secondary
#7734DB
Complementary
#DB7734
Complementary Secondary
#98DB34
Split Complementary
Complementary colors ±30°
3 colors
Main
#3498DB
Split Left
#DB3444
Split Right
#DBCB34
Cyclic
Circular gradient for periodic data
8 colors
0°
#3498DB
45°
#4D34DB
90°
#CB34DB
135°
#DB346E
180°
#DB7734
225°
#C2DB34
270°
#45DB34
315°
#34DBA1
Pastel
Soft, desaturated colors for modern UI
6 colors
Light Pastel
#A2B6C3
Pastel 1
#AFBFCB
Pastel 2
#BBC9D3
Pastel 3
#C7D3DB
Pastel 4
#D4DDE3
Deep Pastel
#E0E7EB
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:#ECB12E
- RGB:rgb(236, 177, 46)
- CMYK:cmyk(0%, 25%, 81%, 7%)
- HSV:hsv(41°, 81%, 93%)
- HSL:hsl(41°, 83%, 55%)
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.