Magentle Complementary Color Scheme

Five colors arranged by the complementary rule around Magentle (#AA11AA), each snapped to its nearest named color.

#AA11AA

#ED24ED

#15B01A

#04650D

#2CE335

Color names and codes

Name	HEX	RGB	HSL	CMYK
Magentle	`#AA11AA`	170, 17, 170	300°, 82%, 37%	0, 90, 0, 33
Magenta Fizz	`#ED24ED`	237, 36, 237	300°, 85%, 54%	0, 85, 0, 7
Pikkoro Green	`#15B01A`	21, 176, 26	122°, 79%, 39%	88, 0, 85, 31
Apple II Green	`#04650D`	4, 101, 13	126°, 92%, 21%	96, 0, 87, 60
Alarming Slime	`#2CE335`	44, 227, 53	123°, 77%, 53%	81, 0, 77, 11

Which pairs work for text

Text on background	Contrast	WCAG
Aa #04650D on #2CE335	4.23:1	AA large
Aa #AA11AA on #2CE335	3.60:1	AA large
Aa #15B01A on #04650D	2.53:1	—
Aa #AA11AA on #15B01A	2.15:1	—
Aa #ED24ED on #04650D	2.12:1	—
Aa #ED24ED on #2CE335	2.00:1	—

CSS variables

:root {
  --color-1: #aa11aa; /* Magentle */
  --color-2: #ed24ed; /* Magenta Fizz */
  --color-3: #15b01a; /* Pikkoro Green */
  --color-4: #04650d; /* Apple II Green */
  --color-5: #2ce335; /* Alarming Slime */
}

Other schemes from Magentle

More Dark Pink complementary palettes

Questions

What colors go with Magentle?

In a complementary scheme: Magenta Fizz (#ED24ED), Pikkoro Green (#15B01A), Apple II Green (#04650D), Alarming Slime (#2CE335).

What is the hex code of Magentle?

#AA11AA.