Homegrown Monochromatic Color Scheme

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

#172713

#3B593A

#63884A

#87AE73

#B5D0A2

Color names and codes

Name	HEX	RGB	HSL	CMYK	OKLCH
Deep Slate Olive	`#172713`	23, 39, 19	108°, 34%, 11%	41, 0, 51, 85	25.2% 0.042 139
Ficus	`#3B593A`	59, 89, 58	118°, 21%, 29%	34, 0, 35, 65	43.1% 0.062 144
Homegrown	`#63884A`	99, 136, 74	96°, 30%, 41%	27, 0, 46, 47	58.3% 0.098 134
Sage	`#87AE73`	135, 174, 115	100°, 27%, 57%	22, 0, 34, 32	70.7% 0.093 135
Apium	`#B5D0A2`	181, 208, 162	95°, 33%, 73%	13, 0, 22, 18	82.6% 0.069 133

Which pairs work for text

Text on background	Contrast	WCAG
Aa #172713 on #B5D0A2	9.36:1	AAA
Aa #172713 on #87AE73	6.24:1	AA
Aa #3B593A on #B5D0A2	4.67:1	AA
Aa #172713 on #63884A	3.86:1	AA large
Aa #3B593A on #87AE73	3.11:1	AA large
Aa #63884A on #B5D0A2	2.43:1	—

CSS variables

:root {
  --color-1: #172713; /* Deep Slate Olive */
  --color-2: #3b593a; /* Ficus */
  --color-3: #63884a; /* Homegrown */
  --color-4: #87ae73; /* Sage */
  --color-5: #b5d0a2; /* Apium */
}

Other schemes from Homegrown

More medium green monochromatic color schemes

Questions

What colors go with Homegrown?

In a monochromatic scheme: Deep Slate Olive (#172713), Ficus (#3B593A), Sage (#87AE73), Apium (#B5D0A2).

What is the hex code of Homegrown?

#63884A.