Homegrown Complementary Color Scheme

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

#63884A

#93B778

#714A8B

#4A2D57

#AB7CB4

Color names and codes

Name	HEX	RGB	HSL	CMYK
Homegrown	`#63884A`	99, 136, 74	96°, 30%, 41%	27, 0, 46, 47
Uran Mica	`#93B778`	147, 183, 120	94°, 30%, 59%	20, 0, 34, 28
Grapes of Italy	`#714A8B`	113, 74, 139	276°, 31%, 42%	19, 47, 0, 45
Scarlet Gum	`#4A2D57`	74, 45, 87	281°, 32%, 26%	15, 48, 0, 66
Berries Galore	`#AB7CB4`	171, 124, 180	290°, 27%, 60%	5, 31, 0, 29

Which pairs work for text

Text on background	Contrast	WCAG
Aa #93B778 on #4A2D57	5.15:1	AA
Aa #4A2D57 on #AB7CB4	3.48:1	AA large
Aa #93B778 on #714A8B	3.04:1	AA large
Aa #63884A on #4A2D57	2.86:1	—
Aa #714A8B on #AB7CB4	2.05:1	—
Aa #63884A on #93B778	1.80:1	—

CSS variables

:root {
  --color-1: #63884a; /* Homegrown */
  --color-2: #93b778; /* Uran Mica */
  --color-3: #714a8b; /* Grapes of Italy */
  --color-4: #4a2d57; /* Scarlet Gum */
  --color-5: #ab7cb4; /* Berries Galore */
}

Other schemes from Homegrown

More Medium Green complementary palettes

Questions

What colors go with Homegrown?

In a complementary scheme: Uran Mica (#93B778), Grapes of Italy (#714A8B), Scarlet Gum (#4A2D57), Berries Galore (#AB7CB4).

What is the hex code of Homegrown?

#63884A.