Magenta Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Magenta (#FF00FF), each snapped to its nearest named color.
#FF00FF
#88FF00
#04F489
#B300B3
#AAFF55
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Magenta | #FF00FF | 255, 0, 255 | 300°, 100%, 50% | 0, 100, 0, 0 | |
| Lasting Lime | #88FF00 | 136, 255, 0 | 88°, 100%, 50% | 47, 0, 100, 0 | |
| Turquoise Green | #04F489 | 4, 244, 137 | 153°, 97%, 49% | 98, 0, 44, 4 | |
| Energic Eggplant | #B300B3 | 179, 0, 179 | 300°, 100%, 35% | 0, 100, 0, 30 | |
| Irradiated Green | #AAFF55 | 170, 255, 85 | 90°, 100%, 67% | 33, 0, 67, 0 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #B300B3 on #AAFF55 | 4.81:1 | AA |
| Aa #88FF00 on #B300B3 | 4.58:1 | AA |
| Aa #04F489 on #B300B3 | 4.01:1 | AA large |
| Aa #FF00FF on #AAFF55 | 2.56:1 | — |
| Aa #FF00FF on #88FF00 | 2.44:1 | — |
| Aa #FF00FF on #04F489 | 2.14:1 | — |
CSS variables
:root {
--color-1: #ff00ff; /* Magenta */
--color-2: #88ff00; /* Lasting Lime */
--color-3: #04f489; /* Turquoise Green */
--color-4: #b300b3; /* Energic Eggplant */
--color-5: #aaff55; /* Irradiated Green */
}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 Tetradic Color Scheme#FF00FF#FF7F00#00FF00#007FFF#FF66FF
- Magenta Monochromatic Color Scheme#660066#B300B3#FF00FF#FC53FC#FF99FF
More Medium Pink split-complementary palettes
- Akari Red Split-complementary Color Scheme#C90B42#00CC33#14A3C7#800030#2DFE54
- Amor Split-complementary Color Scheme#EE3377#2DFE54#22DDEE#C30B4E#7BE892
- Amora Purple Split-complementary Color Scheme#BB22AA#55BB33#2BB179#751973#88DD55
- Anger Split-complementary Color Scheme#DD0055#0ADD08#00C5CD#8F003A#2DFE54
- Aphroditean Fuchsia Split-complementary Color Scheme#DD14AB#54D905#11DDAA#991177#70F15E
- Awkward Purple Split-complementary Color Scheme#D208CC#66CC00#06D078#880085#87FF2A
- Barbara Split-complementary Color Scheme#FF0FF3#7FFF00#00FA92#CC11BB#AAFF55
- Bat’s Blood Soup Split-complementary Color Scheme#EE3366#2DFE54#37C4FA#C01141#7BE892
- Beet Wave Split-complementary Color Scheme#D4265D#31D652#2DB0CE#871646#64EB65
- Beetroot Purple Split-complementary Color Scheme#D33376#31D652#22C1D5#972B51#64EB65
- Benevolent Pink Split-complementary Color Scheme#DD1188#22DD00#00DDCC#9D0759#4EFD54
- Bermuda Onion Split-complementary Color Scheme#9D5A8F#6A9D5D#599C89#673B66#99BB88
Questions
What colors go with Magenta?
In a split-complementary scheme: Lasting Lime (#88FF00), Turquoise Green (#04F489), Energic Eggplant (#B300B3), Irradiated Green (#AAFF55).
What is the hex code of Magenta?
#FF00FF.