Huebook

Over the Hills Complementary Color Scheme

Five colors arranged by the complementary rule around Over the Hills (#4D6D08), each snapped to its nearest named color.

#4D6D08
#8CC90B
#20006D
#110022
#510AC9

Color names and codes

NameHEXRGBHSLCMYK
Over the Hills#4D6D0877, 109, 879°, 86%, 23%29, 0, 93, 57
Jewel Beetle#8CC90B140, 201, 1179°, 90%, 42%30, 0, 95, 21
Bavarian Gentian#20006D32, 0, 109258°, 100%, 21%71, 100, 0, 57
Space Grey#11002217, 0, 34270°, 100%, 7%50, 100, 0, 87
Violet Blue#510AC981, 10, 201262°, 91%, 41%60, 95, 0, 21

Which pairs work for text

Text on backgroundContrastWCAG
Aa #8CC90B on #11002210.01:1AAA
Aa #8CC90B on #20006D8.17:1AAA
Aa #8CC90B on #510AC94.68:1AA
Aa #4D6D08 on #1100223.35:1AA large
Aa #4D6D08 on #8CC90B2.99:1—
Aa #4D6D08 on #20006D2.73:1—

CSS variables

:root {
  --color-1: #4d6d08; /* Over the Hills */
  --color-2: #8cc90b; /* Jewel Beetle */
  --color-3: #20006d; /* Bavarian Gentian */
  --color-4: #110022; /* Space Grey */
  --color-5: #510ac9; /* Violet Blue */
}

Other schemes from Over the Hills

More Dark Green complementary palettes

Questions

What colors go with Over the Hills?

In a complementary scheme: Jewel Beetle (#8CC90B), Bavarian Gentian (#20006D), Space Grey (#110022), Violet Blue (#510AC9).

What is the hex code of Over the Hills?

#4D6D08.