Huebook

Homegrown Triadic Color Scheme

Five colors arranged by the triadic rule around Homegrown (#63884A), each snapped to its nearest named color.

#63884A
#446688
#874C62
#96B47E
#303E55

Color names and codes

NameHEXRGBHSLCMYKOKLCH
Homegrown#63884A99, 136, 7496°, 30%, 41%27, 0, 46, 4758.3% 0.098 134
French Mirage Blue#44668868, 102, 136210°, 33%, 40%50, 25, 0, 4749.9% 0.067 249
Red Shrivel#874C62135, 76, 98338°, 28%, 41%0, 44, 27, 4749.3% 0.084 357
Watercolour Green#96B47E150, 180, 12693°, 26%, 60%17, 0, 30, 2973.4% 0.082 132
Winter Sea#303E5548, 62, 85217°, 28%, 26%44, 27, 0, 6736.2% 0.044 260

Which pairs work for text

Text on backgroundContrastWCAG
Aa #96B47E on #303E554.69:1AA
Aa #874C62 on #96B47E2.82:1—
Aa #63884A on #303E552.65:1—
Aa #446688 on #96B47E2.61:1—
Aa #446688 on #303E551.80:1—
Aa #63884A on #96B47E1.77:1—

CSS variables

:root {
  --color-1: #63884a; /* Homegrown */
  --color-2: #446688; /* French Mirage Blue */
  --color-3: #874c62; /* Red Shrivel */
  --color-4: #96b47e; /* Watercolour Green */
  --color-5: #303e55; /* Winter Sea */
}

Other schemes from Homegrown

More medium green triadic color schemes

Questions

What colors go with Homegrown?

In a triadic scheme: French Mirage Blue (#446688), Red Shrivel (#874C62), Watercolour Green (#96B47E), Winter Sea (#303E55).

What is the hex code of Homegrown?

#63884A.