Leaf Triadic Color Scheme

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

#71AA34

#356FAD

#AA3377

#A9D171

#24486C

Color names and codes

Name	HEX	RGB	HSL	CMYK
Leaf	`#71AA34`	113, 170, 52	89°, 53%, 44%	34, 0, 69, 33
Nocturne Shade	`#356FAD`	53, 111, 173	211°, 53%, 44%	69, 36, 0, 32
Plum Kingdom	`#AA3377`	170, 51, 119	326°, 54%, 43%	0, 70, 30, 33
Bilious Green	`#A9D171`	169, 209, 113	85°, 51%, 63%	19, 0, 46, 18
Grape Blue	`#24486C`	36, 72, 108	210°, 50%, 28%	67, 33, 0, 58

Which pairs work for text

Text on background	Contrast	WCAG
Aa #A9D171 on #24486C	5.43:1	AA
Aa #AA3377 on #A9D171	3.49:1	AA large
Aa #71AA34 on #24486C	3.38:1	AA large
Aa #356FAD on #A9D171	2.99:1	—
Aa #71AA34 on #AA3377	2.17:1	—
Aa #71AA34 on #356FAD	1.86:1	—

CSS variables

:root {
  --color-1: #71aa34; /* Leaf */
  --color-2: #356fad; /* Nocturne Shade */
  --color-3: #aa3377; /* Plum Kingdom */
  --color-4: #a9d171; /* Bilious Green */
  --color-5: #24486c; /* Grape Blue */
}

Other schemes from Leaf

More Medium Green triadic palettes

Questions

What colors go with Leaf?

In a triadic scheme: Nocturne Shade (#356FAD), Plum Kingdom (#AA3377), Bilious Green (#A9D171), Grape Blue (#24486C).

What is the hex code of Leaf?

#71AA34.