Overgrowth Monochromatic Color Scheme

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

#35530A

#5F9228

#88CC33

#B5D96B

#D5EBAC

Color names and codes

Name	HEX	RGB	HSL	CMYK
Navy Green	`#35530A`	53, 83, 10	85°, 78%, 18%	36, 0, 88, 67
Pont Moss	`#5F9228`	95, 146, 40	89°, 57%, 36%	35, 0, 73, 43
Overgrowth	`#88CC33`	136, 204, 51	87°, 60%, 50%	33, 0, 75, 20
Melissa	`#B5D96B`	181, 217, 107	80°, 59%, 64%	17, 0, 51, 15
Faith	`#D5EBAC`	213, 235, 172	81°, 61%, 80%	9, 0, 27, 8

Which pairs work for text

Text on background	Contrast	WCAG
Aa #35530A on #D5EBAC	6.81:1	AA
Aa #35530A on #B5D96B	5.48:1	AA
Aa #35530A on #88CC33	4.48:1	AA large
Aa #5F9228 on #D5EBAC	2.90:1	—
Aa #35530A on #5F9228	2.35:1	—
Aa #5F9228 on #B5D96B	2.33:1	—

CSS variables

:root {
  --color-1: #35530a; /* Navy Green */
  --color-2: #5f9228; /* Pont Moss */
  --color-3: #88cc33; /* Overgrowth */
  --color-4: #b5d96b; /* Melissa */
  --color-5: #d5ebac; /* Faith */
}

Other schemes from Overgrowth

More Medium Green monochromatic palettes

Questions

What colors go with Overgrowth?

In a monochromatic scheme: Navy Green (#35530A), Pont Moss (#5F9228), Melissa (#B5D96B), Faith (#D5EBAC).

What is the hex code of Overgrowth?

#88CC33.