Melodramatic Magenta Complementary Color Scheme
Five colors arranged by the complementary rule around Melodramatic Magenta (#DD22AA), each snapped to its nearest named color.
#DD22AA
#E56CC0
#31D652
#009933
#7BE892
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Melodramatic Magenta | #DD22AA | 221, 34, 170 | 316°, 73%, 50% | 0, 85, 23, 13 | |
| Explicit Pink | #E56CC0 | 229, 108, 192 | 318°, 70%, 66% | 0, 53, 16, 10 | |
| Brazilianite | #31D652 | 49, 214, 82 | 132°, 67%, 52% | 77, 0, 62, 16 | |
| Peppermint Toad | #009933 | 0, 153, 51 | 140°, 100%, 30% | 100, 0, 67, 40 | |
| Ragweed | #7BE892 | 123, 232, 146 | 133°, 70%, 70% | 47, 0, 37, 9 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #DD22AA on #7BE892 | 2.83:1 | — |
| Aa #009933 on #7BE892 | 2.46:1 | — |
| Aa #DD22AA on #31D652 | 2.23:1 | — |
| Aa #31D652 on #009933 | 1.94:1 | — |
| Aa #E56CC0 on #7BE892 | 1.91:1 | — |
| Aa #E56CC0 on #31D652 | 1.50:1 | — |
CSS variables
:root {
--color-1: #dd22aa; /* Melodramatic Magenta */
--color-2: #e56cc0; /* Explicit Pink */
--color-3: #31d652; /* Brazilianite */
--color-4: #009933; /* Peppermint Toad */
--color-5: #7be892; /* Ragweed */
}Other schemes from Melodramatic Magenta
- Melodramatic Magenta Analogous Color Scheme#5D21D0#BE2BDF#DD22AA#DA244B#DD5522
- Melodramatic Magenta Triadic Color Scheme#DD22AA#A3CE27#2FA1DA#E56CC0#769C18
- Melodramatic Magenta Split-complementary Color Scheme#DD22AA#58D332#2DC5BB#991177#88EE77
- Melodramatic Magenta Tetradic Color Scheme#DD22AA#DFAF2B#31D652#214FC6#E56CC0
- Melodramatic Magenta Monochromatic Color Scheme#531745#991177#DD22AA#E56CC0#EEAADD
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 Melodramatic Magenta?
In a complementary scheme: Explicit Pink (#E56CC0), Brazilianite (#31D652), Peppermint Toad (#009933), Ragweed (#7BE892).
What is the hex code of Melodramatic Magenta?
#DD22AA.