Overgrown Tetradic Color Scheme

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

#88DD00

#00DDCC

#5511DD

#DD0011

#A6FD44

Color names and codes

Name	HEX	RGB	HSL	CMYK
Overgrown	`#88DD00`	136, 221, 0	83°, 100%, 43%	38, 0, 100, 13
Mint Morning	`#00DDCC`	0, 221, 204	175°, 100%, 43%	100, 0, 8, 13
Space Opera	`#5511DD`	85, 17, 221	260°, 86%, 47%	62, 92, 0, 13
Red Knuckles	`#DD0011`	221, 0, 17	355°, 100%, 43%	0, 100, 92, 13
Mindful Green	`#A6FD44`	166, 253, 68	88°, 98%, 63%	34, 0, 73, 1

Which pairs work for text

Text on background	Contrast	WCAG
Aa #5511DD on #A6FD44	6.67:1	AA
Aa #88DD00 on #5511DD	4.93:1	AA
Aa #00DDCC on #5511DD	4.87:1	AA
Aa #DD0011 on #A6FD44	4.10:1	AA large
Aa #88DD00 on #DD0011	3.03:1	AA large
Aa #00DDCC on #DD0011	2.99:1	—

CSS variables

:root {
  --color-1: #88dd00; /* Overgrown */
  --color-2: #00ddcc; /* Mint Morning */
  --color-3: #5511dd; /* Space Opera */
  --color-4: #dd0011; /* Red Knuckles */
  --color-5: #a6fd44; /* Mindful Green */
}

Other schemes from Overgrown

More Medium Green tetradic palettes

Questions

What colors go with Overgrown?

In a tetradic scheme: Mint Morning (#00DDCC), Space Opera (#5511DD), Red Knuckles (#DD0011), Mindful Green (#A6FD44).

What is the hex code of Overgrown?

#88DD00.