Huebook

Always Greener Grass Split-complementary Color Scheme

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

#11AA00
#5500AA
#AA0066
#005800
#6600FF

Color names and codes

NameHEXRGBHSLCMYK
Always Greener Grass#11AA0017, 170, 0114°, 100%, 33%90, 0, 100, 33
Aubergine Perl#5500AA85, 0, 170270°, 100%, 33%50, 100, 0, 33
Velvet Cupcake#AA0066170, 0, 102324°, 100%, 33%0, 100, 40, 33
Duck Hunt#0058000, 88, 0120°, 100%, 17%100, 0, 100, 65
Electric Indigo#6600FF102, 0, 255264°, 100%, 50%60, 100, 0, 0

Which pairs work for text

Text on backgroundContrastWCAG
Aa #11AA00 on #5500AA3.44:1AA large
Aa #11AA00 on #0058002.83:1—
Aa #11AA00 on #AA00662.33:1—
Aa #11AA00 on #6600FF2.25:1—
Aa #5500AA on #6600FF1.53:1—
Aa #5500AA on #AA00661.48:1—

CSS variables

:root {
  --color-1: #11aa00; /* Always Greener Grass */
  --color-2: #5500aa; /* Aubergine Perl */
  --color-3: #aa0066; /* Velvet Cupcake */
  --color-4: #005800; /* Duck Hunt */
  --color-5: #6600ff; /* Electric Indigo */
}

Other schemes from Always Greener Grass

More Dark Green split-complementary palettes

Questions

What colors go with Always Greener Grass?

In a split-complementary scheme: Aubergine Perl (#5500AA), Velvet Cupcake (#AA0066), Duck Hunt (#005800), Electric Indigo (#6600FF).

What is the hex code of Always Greener Grass?

#11AA00.