Grasshopper Tetradic Color Scheme

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

#77824A

#438273

#564985

#814A5C

#A2B37A

Color names and codes

Name	HEX	RGB	HSL	CMYK
Grasshopper	`#77824A`	119, 130, 74	72°, 27%, 40%	8, 0, 43, 49
Aussie Surf	`#438273`	67, 130, 115	166°, 32%, 39%	48, 0, 12, 49
Victoria	`#564985`	86, 73, 133	253°, 29%, 40%	35, 45, 0, 48
Frenzied Red	`#814A5C`	129, 74, 92	340°, 27%, 40%	0, 43, 29, 49
Serpentine	`#A2B37A`	162, 179, 122	78°, 27%, 59%	9, 0, 32, 30

Which pairs work for text

Text on background	Contrast	WCAG
Aa #564985 on #A2B37A	3.45:1	AA large
Aa #814A5C on #A2B37A	3.02:1	AA large
Aa #438273 on #A2B37A	1.98:1	—
Aa #77824A on #564985	1.89:1	—
Aa #77824A on #A2B37A	1.83:1	—
Aa #438273 on #564985	1.74:1	—

CSS variables

:root {
  --color-1: #77824a; /* Grasshopper */
  --color-2: #438273; /* Aussie Surf */
  --color-3: #564985; /* Victoria */
  --color-4: #814a5c; /* Frenzied Red */
  --color-5: #a2b37a; /* Serpentine */
}

Other schemes from Grasshopper

More Medium Green tetradic palettes

Questions

What colors go with Grasshopper?

In a tetradic scheme: Aussie Surf (#438273), Victoria (#564985), Frenzied Red (#814A5C), Serpentine (#A2B37A).

What is the hex code of Grasshopper?

#77824A.