Grasshopper Monochromatic Color Scheme

Five colors arranged by the monochromatic rule around Grasshopper (#77824A), each snapped to its nearest named color.

#172713

#4C4E31

#77824A

#9FAF6C

#B8CA9D

Color names and codes

Name	HEX	RGB	HSL	CMYK
Deep Slate Olive	`#172713`	23, 39, 19	108°, 34%, 11%	41, 0, 51, 85
Waiouru	`#4C4E31`	76, 78, 49	64°, 23%, 25%	3, 0, 37, 69
Grasshopper	`#77824A`	119, 130, 74	72°, 27%, 40%	8, 0, 43, 49
Matcha Mecha	`#9FAF6C`	159, 175, 108	74°, 30%, 55%	9, 0, 38, 31
Sprout	`#B8CA9D`	184, 202, 157	84°, 30%, 70%	9, 0, 22, 21

Which pairs work for text

Text on background	Contrast	WCAG
Aa #172713 on #B8CA9D	8.96:1	AAA
Aa #172713 on #9FAF6C	6.60:1	AA
Aa #4C4E31 on #B8CA9D	4.90:1	AA
Aa #172713 on #77824A	3.80:1	AA large
Aa #4C4E31 on #9FAF6C	3.61:1	AA large
Aa #77824A on #B8CA9D	2.36:1	—

CSS variables

:root {
  --color-1: #172713; /* Deep Slate Olive */
  --color-2: #4c4e31; /* Waiouru */
  --color-3: #77824a; /* Grasshopper */
  --color-4: #9faf6c; /* Matcha Mecha */
  --color-5: #b8ca9d; /* Sprout */
}

Other schemes from Grasshopper

More Medium Green monochromatic palettes

Questions

What colors go with Grasshopper?

In a monochromatic scheme: Deep Slate Olive (#172713), Waiouru (#4C4E31), Matcha Mecha (#9FAF6C), Sprout (#B8CA9D).

What is the hex code of Grasshopper?

#77824A.