Magenta Complementary Color Scheme
Five colors arranged by the complementary rule around Magenta (#FF00FF), each snapped to its nearest named color.
#FF00FF
#FB5FFC
#00FF00
#00B800
#66FF66
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Magenta | #FF00FF | 255, 0, 255 | 300°, 100%, 50% | 0, 100, 0, 0 | |
| Violet Pink | #FB5FFC | 251, 95, 252 | 300°, 96%, 68% | 0, 62, 0, 1 | |
| Green | #00FF00 | 0, 255, 0 | 120°, 100%, 50% | 100, 0, 100, 0 | |
| Bubble Bobble Green | #00B800 | 0, 184, 0 | 120°, 100%, 36% | 100, 0, 100, 28 | |
| Screamin’ Green | #66FF66 | 102, 255, 102 | 120°, 100%, 70% | 60, 0, 60, 0 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #FF00FF on #66FF66 | 2.40:1 | — |
| Aa #FF00FF on #00FF00 | 2.29:1 | — |
| Aa #00B800 on #66FF66 | 2.04:1 | — |
| Aa #FB5FFC on #66FF66 | 1.97:1 | — |
| Aa #00FF00 on #00B800 | 1.95:1 | — |
| Aa #FB5FFC on #00FF00 | 1.88:1 | — |
CSS variables
:root {
--color-1: #ff00ff; /* Magenta */
--color-2: #fb5ffc; /* Violet Pink */
--color-3: #00ff00; /* Green */
--color-4: #00b800; /* Bubble Bobble Green */
--color-5: #66ff66; /* Screamin’ Green */
}Other schemes from Magenta
- 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 Tetradic Color Scheme#FF00FF#FF7F00#00FF00#007FFF#FF66FF
- Magenta Monochromatic Color Scheme#660066#B300B3#FF00FF#FC53FC#FF99FF
More Medium Pink complementary palettes
- Akari Red Complementary Color Scheme#C90B42#E83A72#00CC99#11875D#45E9C1
- Amor Complementary Color Scheme#EE3377#F485AC#2EE8BB#19CC89#84FBCE
- Amora Purple Complementary Color Scheme#BB22AA#E15ACB#22BB33#12732B#64EB65
- Anger Complementary Color Scheme#DD0055#FF3888#00CC99#019157#55FFAA
- Aphroditean Fuchsia Complementary Color Scheme#DD14AB#EE55CC#0BDB43#059033#64E986
- Awkward Purple Complementary Color Scheme#D208CC#FF33EE#00CC11#008811#4EFD54
- Barbara Complementary Color Scheme#FF0FF3#FF6FFC#0AFA1E#00C000#76FF7B
- Bat’s Blood Soup Complementary Color Scheme#EE3366#F485AC#2EE8BB#01C08D#8CFFDB
- Beet Wave Complementary Color Scheme#D4265D#E96A97#24DA91#1E9167#7EF4CC
- Beetroot Purple Complementary Color Scheme#D33376#E47CB8#2DD78D#229966#8BE0BA
- Benevolent Pink Complementary Color Scheme#DD1188#FF55AA#11DD66#119944#64E986
- Bermuda Onion Complementary Color Scheme#9D5A8F#C58BBA#599F68#3D7049#9FC5AA
Questions
What colors go with Magenta?
In a complementary scheme: Violet Pink (#FB5FFC), Green (#00FF00), Bubble Bobble Green (#00B800), Screamin’ Green (#66FF66).
What is the hex code of Magenta?
#FF00FF.