Leaf Complementary Color Scheme

Five colors arranged by the complementary rule around Leaf (#71AA34), each snapped to its nearest named color.

#71AA34

#9CD572

#7733AA

#442266

#A76BCF

Color names and codes

Name	HEX	RGB	HSL	CMYK
Leaf	`#71AA34`	113, 170, 52	89°, 53%, 44%	34, 0, 69, 33
Tropical Light	`#9CD572`	156, 213, 114	95°, 54%, 64%	27, 0, 46, 16
Purple Pristine	`#7733AA`	119, 51, 170	274°, 54%, 43%	30, 70, 0, 33
Fading Horizon	`#442266`	68, 34, 102	270°, 50%, 27%	33, 67, 0, 60
Rich Lavender	`#A76BCF`	167, 107, 207	276°, 51%, 62%	19, 48, 0, 19

Which pairs work for text

Text on background	Contrast	WCAG
Aa #9CD572 on #442266	7.31:1	AAA
Aa #71AA34 on #442266	4.50:1	AA
Aa #9CD572 on #7733AA	4.29:1	AA large
Aa #442266 on #A76BCF	3.39:1	AA large
Aa #71AA34 on #7733AA	2.64:1	—
Aa #9CD572 on #A76BCF	2.16:1	—

CSS variables

:root {
  --color-1: #71aa34; /* Leaf */
  --color-2: #9cd572; /* Tropical Light */
  --color-3: #7733aa; /* Purple Pristine */
  --color-4: #442266; /* Fading Horizon */
  --color-5: #a76bcf; /* Rich Lavender */
}

Other schemes from Leaf

More Medium Green complementary palettes

Questions

What colors go with Leaf?

In a complementary scheme: Tropical Light (#9CD572), Purple Pristine (#7733AA), Fading Horizon (#442266), Rich Lavender (#A76BCF).

What is the hex code of Leaf?

#71AA34.