German Hop Complementary Color Scheme

Five colors arranged by the complementary rule around German Hop (#89AC27), each snapped to its nearest named color.

#89AC27

#B4DA55

#4E32B2

#281367

#6D5ACF

Color names and codes

Name	HEX	RGB	HSL	CMYK
German Hop	`#89AC27`	137, 172, 39	76°, 63%, 41%	20, 0, 77, 33
Badass Grass	`#B4DA55`	180, 218, 85	77°, 64%, 59%	17, 0, 61, 15
Blue Violet	`#4E32B2`	78, 50, 178	253°, 56%, 45%	56, 72, 0, 30
Nebula Night	`#281367`	40, 19, 103	255°, 69%, 24%	61, 82, 0, 60
Astro Purple	`#6D5ACF`	109, 90, 207	250°, 55%, 58%	47, 57, 0, 19

Which pairs work for text

Text on background	Contrast	WCAG
Aa #B4DA55 on #281367	9.50:1	AAA
Aa #89AC27 on #281367	5.80:1	AA
Aa #B4DA55 on #4E32B2	5.41:1	AA
Aa #89AC27 on #4E32B2	3.30:1	AA large
Aa #B4DA55 on #6D5ACF	3.26:1	AA large
Aa #281367 on #6D5ACF	2.91:1	—

CSS variables

:root {
  --color-1: #89ac27; /* German Hop */
  --color-2: #b4da55; /* Badass Grass */
  --color-3: #4e32b2; /* Blue Violet */
  --color-4: #281367; /* Nebula Night */
  --color-5: #6d5acf; /* Astro Purple */
}

Other schemes from German Hop

More Medium Green complementary palettes

Questions

What colors go with German Hop?

In a complementary scheme: Badass Grass (#B4DA55), Blue Violet (#4E32B2), Nebula Night (#281367), Astro Purple (#6D5ACF).

What is the hex code of German Hop?

#89AC27.