Yoshi Complementary Color Scheme

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

#55AA00

#87FD05

#5500AA

#340059

#8811FF

Color names and codes

Name	HEX	RGB	HSL	CMYK
Yoshi	`#55AA00`	85, 170, 0	90°, 100%, 33%	50, 0, 100, 33
Bright Lime	`#87FD05`	135, 253, 5	89°, 98%, 51%	47, 0, 98, 1
Aubergine Perl	`#5500AA`	85, 0, 170	270°, 100%, 33%	50, 100, 0, 33
Cotinga Purple	`#340059`	52, 0, 89	275°, 100%, 17%	42, 100, 0, 65
Punk Rock Pink	`#8811FF`	136, 17, 255	270°, 100%, 53%	47, 93, 0, 0

Which pairs work for text

Text on background	Contrast	WCAG
Aa #87FD05 on #340059	12.46:1	AAA
Aa #87FD05 on #5500AA	8.18:1	AAA
Aa #55AA00 on #340059	5.53:1	AA
Aa #87FD05 on #8811FF	4.50:1	AA
Aa #55AA00 on #5500AA	3.63:1	AA large
Aa #340059 on #8811FF	2.77:1	—

CSS variables

:root {
  --color-1: #55aa00; /* Yoshi */
  --color-2: #87fd05; /* Bright Lime */
  --color-3: #5500aa; /* Aubergine Perl */
  --color-4: #340059; /* Cotinga Purple */
  --color-5: #8811ff; /* Punk Rock Pink */
}

Other schemes from Yoshi

More Dark Green complementary palettes

Questions

What colors go with Yoshi?

In a complementary scheme: Bright Lime (#87FD05), Aubergine Perl (#5500AA), Cotinga Purple (#340059), Punk Rock Pink (#8811FF).

What is the hex code of Yoshi?

#55AA00.