Huebook

Grass Is Greener Split-complementary Color Scheme

Five colors arranged by the split-complementary rule around Grass Is Greener (#3F9B0B), each snapped to its nearest named color.

#3F9B0B
#120A8F
#990088
#225511
#3311EE

Color names and codes

NameHEXRGBHSLCMYK
Grass Is Greener#3F9B0B63, 155, 1198°, 87%, 33%59, 0, 93, 39
Blue Trust#120A8F18, 10, 143244°, 87%, 30%87, 93, 0, 44
Vanishing Night#990088153, 0, 136307°, 100%, 30%0, 100, 11, 40
Patch of Land#22551134, 85, 17105°, 67%, 20%60, 0, 80, 67
Delft Blue#3311EE51, 17, 238249°, 87%, 50%79, 93, 0, 7

Which pairs work for text

Text on backgroundContrastWCAG
Aa #3F9B0B on #120A8F4.03:1AA large
Aa #3F9B0B on #2255112.49:1—
Aa #3F9B0B on #3311EE2.40:1—
Aa #3F9B0B on #9900882.18:1—
Aa #120A8F on #9900881.85:1—
Aa #120A8F on #3311EE1.68:1—

CSS variables

:root {
  --color-1: #3f9b0b; /* Grass Is Greener */
  --color-2: #120a8f; /* Blue Trust */
  --color-3: #990088; /* Vanishing Night */
  --color-4: #225511; /* Patch of Land */
  --color-5: #3311ee; /* Delft Blue */
}

Other schemes from Grass Is Greener

More Dark Green split-complementary palettes

Questions

What colors go with Grass Is Greener?

In a split-complementary scheme: Blue Trust (#120A8F), Vanishing Night (#990088), Patch of Land (#225511), Delft Blue (#3311EE).

What is the hex code of Grass Is Greener?

#3F9B0B.