Overgrown Monochromatic Color Scheme

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

#334400

#4F8F00

#88DD00

#ADFF2F

#CCFD7F

Color names and codes

Name	HEX	RGB	HSL	CMYK
Garden Shadow	`#334400`	51, 68, 0	75°, 100%, 13%	25, 0, 100, 73
Pistachio Flour	`#4F8F00`	79, 143, 0	87°, 100%, 28%	45, 0, 100, 44
Overgrown	`#88DD00`	136, 221, 0	83°, 100%, 43%	38, 0, 100, 13
Chestnut Shell	`#ADFF2F`	173, 255, 47	84°, 100%, 59%	32, 0, 82, 0
Green Shimmer	`#CCFD7F`	204, 253, 127	83°, 97%, 75%	19, 0, 50, 1

Which pairs work for text

Text on background	Contrast	WCAG
Aa #334400 on #CCFD7F	9.11:1	AAA
Aa #334400 on #ADFF2F	8.70:1	AAA
Aa #334400 on #88DD00	6.30:1	AA
Aa #4F8F00 on #CCFD7F	3.41:1	AA large
Aa #4F8F00 on #ADFF2F	3.25:1	AA large
Aa #334400 on #4F8F00	2.67:1	—

CSS variables

:root {
  --color-1: #334400; /* Garden Shadow */
  --color-2: #4f8f00; /* Pistachio Flour */
  --color-3: #88dd00; /* Overgrown */
  --color-4: #adff2f; /* Chestnut Shell */
  --color-5: #ccfd7f; /* Green Shimmer */
}

Other schemes from Overgrown

More Medium Green monochromatic palettes

Questions

What colors go with Overgrown?

In a monochromatic scheme: Garden Shadow (#334400), Pistachio Flour (#4F8F00), Chestnut Shell (#ADFF2F), Green Shimmer (#CCFD7F).

What is the hex code of Overgrown?

#88DD00.