Grasshopper Complementary Color Scheme

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

#77824A

#A5AF76

#564985

#372D52

#847EB1

Color names and codes

Name	HEX	RGB	HSL	CMYK
Grasshopper	`#77824A`	119, 130, 74	72°, 27%, 40%	8, 0, 43, 49
Estragon	`#A5AF76`	165, 175, 118	71°, 26%, 57%	6, 0, 33, 31
Victoria	`#564985`	86, 73, 133	253°, 29%, 40%	35, 45, 0, 48
Midnight Pie	`#372D52`	55, 45, 82	256°, 29%, 25%	33, 45, 0, 68
Murex	`#847EB1`	132, 126, 177	247°, 25%, 59%	25, 29, 0, 31

Which pairs work for text

Text on background	Contrast	WCAG
Aa #A5AF76 on #372D52	5.42:1	AA
Aa #372D52 on #847EB1	3.37:1	AA large
Aa #A5AF76 on #564985	3.35:1	AA large
Aa #77824A on #372D52	3.06:1	AA large
Aa #564985 on #847EB1	2.08:1	—
Aa #77824A on #564985	1.89:1	—

CSS variables

:root {
  --color-1: #77824a; /* Grasshopper */
  --color-2: #a5af76; /* Estragon */
  --color-3: #564985; /* Victoria */
  --color-4: #372d52; /* Midnight Pie */
  --color-5: #847eb1; /* Murex */
}

Other schemes from Grasshopper

More Medium Green complementary palettes

Questions

What colors go with Grasshopper?

In a complementary scheme: Estragon (#A5AF76), Victoria (#564985), Midnight Pie (#372D52), Murex (#847EB1).

What is the hex code of Grasshopper?

#77824A.