Mochito Complementary Color Scheme

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

#8EFA00

#AAFF55

#6F00FE

#5500AA

#AA66FF

Color names and codes

Name	HEX	RGB	HSL	CMYK
Mochito	`#8EFA00`	142, 250, 0	86°, 100%, 49%	43, 0, 100, 2
Irradiated Green	`#AAFF55`	170, 255, 85	90°, 100%, 67%	33, 0, 67, 0
Bright Indigo	`#6F00FE`	111, 0, 254	266°, 100%, 50%	56, 100, 0, 0
Aubergine Perl	`#5500AA`	85, 0, 170	270°, 100%, 33%	50, 100, 0, 33
Purple Hedonist	`#AA66FF`	170, 102, 255	267°, 100%, 70%	33, 60, 0, 0

Which pairs work for text

Text on background	Contrast	WCAG
Aa #AAFF55 on #5500AA	8.72:1	AAA
Aa #8EFA00 on #5500AA	8.05:1	AAA
Aa #AAFF55 on #6F00FE	5.52:1	AA
Aa #8EFA00 on #6F00FE	5.09:1	AA
Aa #5500AA on #AA66FF	3.08:1	AA large
Aa #AAFF55 on #AA66FF	2.83:1	—

CSS variables

:root {
  --color-1: #8efa00; /* Mochito */
  --color-2: #aaff55; /* Irradiated Green */
  --color-3: #6f00fe; /* Bright Indigo */
  --color-4: #5500aa; /* Aubergine Perl */
  --color-5: #aa66ff; /* Purple Hedonist */
}

Other schemes from Mochito

More Medium Green complementary palettes

Questions

What colors go with Mochito?

In a complementary scheme: Irradiated Green (#AAFF55), Bright Indigo (#6F00FE), Aubergine Perl (#5500AA), Purple Hedonist (#AA66FF).

What is the hex code of Mochito?

#8EFA00.