Magenta Tetradic Color Scheme
Five colors arranged by the tetradic rule around Magenta (#FF00FF), each snapped to its nearest named color.
#FF00FF
#FF7F00
#00FF00
#007FFF
#FF66FF
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Magenta | #FF00FF | 255, 0, 255 | 300°, 100%, 50% | 0, 100, 0, 0 | |
| Orange Juice | #FF7F00 | 255, 127, 0 | 30°, 100%, 50% | 0, 50, 100, 0 | |
| Green | #00FF00 | 0, 255, 0 | 120°, 100%, 50% | 100, 0, 100, 0 | |
| Azure | #007FFF | 0, 127, 255 | 210°, 100%, 50% | 100, 50, 0, 0 | |
| Pink Flamingo | #FF66FF | 255, 102, 255 | 300°, 100%, 70% | 0, 60, 0, 0 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #00FF00 on #007FFF | 2.79:1 | — |
| Aa #FF00FF on #00FF00 | 2.29:1 | — |
| Aa #FF7F00 on #00FF00 | 1.85:1 | — |
| Aa #00FF00 on #FF66FF | 1.78:1 | — |
| Aa #007FFF on #FF66FF | 1.57:1 | — |
| Aa #FF7F00 on #007FFF | 1.51:1 | — |
CSS variables
:root {
--color-1: #ff00ff; /* Magenta */
--color-2: #ff7f00; /* Orange Juice */
--color-3: #00ff00; /* Green */
--color-4: #007fff; /* Azure */
--color-5: #ff66ff; /* Pink Flamingo */
}Other schemes from Magenta
- Magenta Complementary Color Scheme#FF00FF#FB5FFC#00FF00#00B800#66FF66
- Magenta Analogous Color Scheme#0000FF#7F00FF#FF00FF#FF0080#FF0000
- Magenta Triadic Color Scheme#FF00FF#FFFF00#00FFFF#FF66FF#A8B504
- Magenta Split-complementary Color Scheme#FF00FF#88FF00#04F489#B300B3#AAFF55
- Magenta Monochromatic Color Scheme#660066#B300B3#FF00FF#FC53FC#FF99FF
More Medium Pink tetradic palettes
- Akari Red Tetradic Color Scheme#C90B42#A7C408#00CC99#360CCC#F44772
- Amor Tetradic Color Scheme#EE3377#D5F534#2EE8BB#4433EE#FF91AF
- Amora Purple Tetradic Color Scheme#BB22AA#B47B27#22BB33#2A52BE#E760D2
- Anger Tetradic Color Scheme#DD0055#CCDD00#00CC99#1805DB#F7468A
- Aphroditean Fuchsia Tetradic Color Scheme#DD14AB#DDAA11#0BDB43#0343DF#E760D2
- Awkward Purple Tetradic Color Scheme#D208CC#C87606#00CC11#0066CC#FF44EE
- Barbara Tetradic Color Scheme#FF0FF3#FF9613#0AFA1E#1177FF#FC74FD
- Bat’s Blood Soup Tetradic Color Scheme#EE3366#CFE838#2EE8BB#5F34E7#F091A9
- Beet Wave Tetradic Color Scheme#D4265D#BBCC22#24DA91#5729CE#ED7A9E
- Beetroot Purple Tetradic Color Scheme#D33376#C2D62E#2DD78D#5533CC#E585A5
- Benevolent Pink Tetradic Color Scheme#DD1188#DDCC11#11DD66#0022DD#EE66BB
- Bermuda Onion Tetradic Color Scheme#9D5A8F#9F8D57#599F68#5A6E9C#CA99B7
Questions
What colors go with Magenta?
In a tetradic scheme: Orange Juice (#FF7F00), Green (#00FF00), Azure (#007FFF), Pink Flamingo (#FF66FF).
What is the hex code of Magenta?
#FF00FF.