Mystic Magenta Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Mystic Magenta (#E02E82), each snapped to its nearest named color.
#E02E82
#2CE335
#22DDEE
#AA1155
#64EB65
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Mystic Magenta | #E02E82 | 224, 46, 130 | 332°, 74%, 53% | 0, 79, 42, 12 | |
| Alarming Slime | #2CE335 | 44, 227, 53 | 123°, 77%, 53% | 81, 0, 77, 11 | |
| Cold Heights | #22DDEE | 34, 221, 238 | 185°, 86%, 53% | 86, 7, 0, 7 | |
| Plum Perfect | #AA1155 | 170, 17, 85 | 333°, 82%, 37% | 0, 90, 50, 33 | |
| Loud Green | #64EB65 | 100, 235, 101 | 120°, 77%, 66% | 57, 0, 57, 8 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #AA1155 on #64EB65 | 4.66:1 | AA |
| Aa #22DDEE on #AA1155 | 4.33:1 | AA large |
| Aa #2CE335 on #AA1155 | 4.16:1 | AA large |
| Aa #E02E82 on #64EB65 | 2.79:1 | — |
| Aa #E02E82 on #22DDEE | 2.59:1 | — |
| Aa #E02E82 on #2CE335 | 2.49:1 | — |
CSS variables
:root {
--color-1: #e02e82; /* Mystic Magenta */
--color-2: #2ce335; /* Alarming Slime */
--color-3: #22ddee; /* Cold Heights */
--color-4: #aa1155; /* Plum Perfect */
--color-5: #64eb65; /* Loud Green */
}Other schemes from Mystic Magenta
- Mystic Magenta Complementary Color Scheme#E02E82#E47CB8#2AF589#11AA66#99EEBB
- Mystic Magenta Analogous Color Scheme#8A2BE2#E03FD8#E02E82#E12C2C#EB8931
- Mystic Magenta Triadic Color Scheme#E02E82#8EE53F#318CE7#F485AC#55AA11
- Mystic Magenta Tetradic Color Scheme#E02E82#D1E231#2AF589#273BE2#F485AC
- Mystic Magenta Monochromatic Color Scheme#6F123C#AA1155#E02E82#E86EAD#F4B6D1
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 Mystic Magenta?
In a split-complementary scheme: Alarming Slime (#2CE335), Cold Heights (#22DDEE), Plum Perfect (#AA1155), Loud Green (#64EB65).
What is the hex code of Mystic Magenta?
#E02E82.