German Hop

#89ac27

Darker, punchy yellow-green for decisive status blocks

Save
Share

About German Hop

German Hop looks like spring yard clippings caught under office fluorescents: a yellow-green that's noticeably lighter and more sunlit than 's dusty olive, and less screen-sharp than . It's also calmer and slightly more muted than , with a softer yellow undertone that keeps it from feeling overly "alive." The mood is steady, not urgent.

I reach for German Hop in data-heavy work when you want greenery that stays readable in motion. It's great for crop and climate reporting portals, logistics status badges, and procurement or packaging systems where the UI needs clear states without the punch of a brighter yellow-green. Use it on small charts, pill filters, and map overlays sitting above photos, especially when you need something warmer than pure white but still clean next to neutrals.

Pair it with light cream, pale sand, or uncoated paper so it doesn't turn chalky. If you drop it beside very cool greens, it can look a touch washed, so balance with a warmer gray or a lightly saturated accent.

Gradient preview

See how this color looks in an animated mesh gradient.

Conversions

Click any value to copy.

Need this programmatically? Color API

Code snippets

Copy this color into your project.

Contrast checker

WCAG 2.1 contrast ratios. AA requires 4.5:1 for normal text, 3:1 for large. AAA requires 7:1 / 4.5:1.

On White #ffffff

Aa
2.63:1Fail

On Gray 100 #f5f5f5

Aa
2.41:1Fail

On Gray 900 #18181b

Aa
6.74:1AAAAA Large

On Black #000000

Aa
7.99:1AAA

Variations

Shades

Darker variations, created by mixing toward black.

Tints

Lighter variations, created by mixing toward white.

Tones

Muted variations, created by reducing saturation.

Hues

Hue rotations around the color wheel.

Temperatures

Warm and cool shifts of this color.

Color harmonies

Complementary
Analogous
Triadic
Split Complementary
Tetradic

Suggested palettes

Palettes built around this color.

4 colors
3 colors
4 colors
4 colors

Community palettes

Published palettes that include this color.

Similar colors

Create a gradient with German Hop

Open the generator with this color pre-loaded.

Start creating