Overgrown Complementary Color Scheme

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

#88DD00

#AAFF32

#5511DD

#320094

#8844FF

Color names and codes

Name	HEX	RGB	HSL	CMYK
Overgrown	`#88DD00`	136, 221, 0	83°, 100%, 43%	38, 0, 100, 13
Lime	`#AAFF32`	170, 255, 50	85°, 100%, 60%	33, 0, 80, 0
Space Opera	`#5511DD`	85, 17, 221	260°, 86%, 47%	62, 92, 0, 13
Full Swing Indigo	`#320094`	50, 0, 148	260°, 100%, 29%	66, 100, 0, 42
Sweet Escape	`#8844FF`	136, 68, 255	262°, 100%, 63%	47, 73, 0, 0

Which pairs work for text

Text on background	Contrast	WCAG
Aa #AAFF32 on #320094	10.91:1	AAA
Aa #88DD00 on #320094	7.93:1	AAA
Aa #AAFF32 on #5511DD	6.80:1	AA
Aa #88DD00 on #5511DD	4.93:1	AA
Aa #AAFF32 on #8844FF	3.95:1	AA large
Aa #88DD00 on #8844FF	2.87:1	—

CSS variables

:root {
  --color-1: #88dd00; /* Overgrown */
  --color-2: #aaff32; /* Lime */
  --color-3: #5511dd; /* Space Opera */
  --color-4: #320094; /* Full Swing Indigo */
  --color-5: #8844ff; /* Sweet Escape */
}

Other schemes from Overgrown

More Medium Green complementary palettes

Questions

What colors go with Overgrown?

In a complementary scheme: Lime (#AAFF32), Space Opera (#5511DD), Full Swing Indigo (#320094), Sweet Escape (#8844FF).

What is the hex code of Overgrown?

#88DD00.