Overgrowth Complementary Color Scheme

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

#88CC33

#AFD77F

#6A31CA

#552288

#B195E4

Color names and codes

Name	HEX	RGB	HSL	CMYK
Overgrowth	`#88CC33`	136, 204, 51	87°, 60%, 50%	33, 0, 75, 20
Wasabi	`#AFD77F`	175, 215, 127	87°, 52%, 67%	19, 0, 41, 16
Sagat Purple	`#6A31CA`	106, 49, 202	262°, 61%, 49%	48, 76, 0, 21
Kalish Violet	`#552288`	85, 34, 136	270°, 60%, 33%	38, 75, 0, 47
Dreamy Candy Forest	`#B195E4`	177, 149, 228	261°, 59%, 74%	22, 35, 0, 11

Which pairs work for text

Text on background	Contrast	WCAG
Aa #AFD77F on #552288	6.52:1	AA
Aa #88CC33 on #552288	5.45:1	AA
Aa #AFD77F on #6A31CA	4.42:1	AA large
Aa #552288 on #B195E4	4.21:1	AA large
Aa #88CC33 on #6A31CA	3.69:1	AA large
Aa #6A31CA on #B195E4	2.85:1	—

CSS variables

:root {
  --color-1: #88cc33; /* Overgrowth */
  --color-2: #afd77f; /* Wasabi */
  --color-3: #6a31ca; /* Sagat Purple */
  --color-4: #552288; /* Kalish Violet */
  --color-5: #b195e4; /* Dreamy Candy Forest */
}

Other schemes from Overgrowth

More Medium Green complementary palettes

Questions

What colors go with Overgrowth?

In a complementary scheme: Wasabi (#AFD77F), Sagat Purple (#6A31CA), Kalish Violet (#552288), Dreamy Candy Forest (#B195E4).

What is the hex code of Overgrowth?

#88CC33.