Huebook

Greenhorn Monochromatic Color Scheme

Five colors arranged by the monochromatic rule around Greenhorn (#B2CC9A), each snapped to its nearest named color.

#63884A
#87B369
#B2CC9A
#D8E6CE
#F4F7EE

Color names and codes

NameHEXRGBHSLCMYKOKLCH
Homegrown#63884A99, 136, 7496°, 30%, 41%27, 0, 46, 4758.3% 0.098 134
Nasturtium Leaf#87B369135, 179, 10596°, 33%, 56%25, 0, 41, 3071.7% 0.112 134
Greenhorn#B2CC9A178, 204, 15491°, 33%, 70%13, 0, 25, 2081.3% 0.074 130
Light Lime Sherbet#D8E6CE216, 230, 20695°, 32%, 85%6, 0, 10, 1090.8% 0.035 132
Grass Valley#F4F7EE244, 247, 23880°, 36%, 95%1, 0, 4, 397.1% 0.012 122

Which pairs work for text

Text on backgroundContrastWCAG
Aa #63884A on #F4F7EE3.76:1AA large
Aa #63884A on #D8E6CE3.13:1AA large
Aa #63884A on #B2CC9A2.33:1—
Aa #87B369 on #F4F7EE2.23:1—
Aa #87B369 on #D8E6CE1.86:1—
Aa #63884A on #87B3691.69:1—

CSS variables

:root {
  --color-1: #63884a; /* Homegrown */
  --color-2: #87b369; /* Nasturtium Leaf */
  --color-3: #b2cc9a; /* Greenhorn */
  --color-4: #d8e6ce; /* Light Lime Sherbet */
  --color-5: #f4f7ee; /* Grass Valley */
}

Other schemes from Greenhorn

More light green monochromatic color schemes

Questions

What colors go with Greenhorn?

In a monochromatic scheme: Homegrown (#63884A), Nasturtium Leaf (#87B369), Light Lime Sherbet (#D8E6CE), Grass Valley (#F4F7EE).

What is the hex code of Greenhorn?

#B2CC9A.