Vegetation Triadic Color Scheme

Five colors arranged by the triadic rule around Vegetation (#5CCD97), each snapped to its nearest named color.

#5CCD97

#9955CC

#CA955C

#ABE3C9

#7733AA

Color names and codes

Name	HEX	RGB	HSL	CMYK
Vegetation	`#5CCD97`	92, 205, 151	151°, 53%, 58%	55, 0, 26, 20
Morado Purple	`#9955CC`	153, 85, 204	274°, 54%, 57%	25, 58, 0, 20
Burnt Pumpkin	`#CA955C`	202, 149, 92	31°, 51%, 58%	0, 26, 54, 21
Fabulous Find	`#ABE3C9`	171, 227, 201	152°, 50%, 78%	25, 0, 11, 11
Purple Pristine	`#7733AA`	119, 51, 170	274°, 54%, 43%	30, 70, 0, 33

Which pairs work for text

Text on background	Contrast	WCAG
Aa #ABE3C9 on #7733AA	5.13:1	AA
Aa #5CCD97 on #7733AA	3.75:1	AA large
Aa #9955CC on #ABE3C9	3.22:1	AA large
Aa #CA955C on #7733AA	2.81:1	—
Aa #5CCD97 on #9955CC	2.35:1	—
Aa #CA955C on #ABE3C9	1.83:1	—

CSS variables

:root {
  --color-1: #5ccd97; /* Vegetation */
  --color-2: #9955cc; /* Morado Purple */
  --color-3: #ca955c; /* Burnt Pumpkin */
  --color-4: #abe3c9; /* Fabulous Find */
  --color-5: #7733aa; /* Purple Pristine */
}

Other schemes from Vegetation

More Medium Green triadic palettes

Questions

What colors go with Vegetation?

In a triadic scheme: Morado Purple (#9955CC), Burnt Pumpkin (#CA955C), Fabulous Find (#ABE3C9), Purple Pristine (#7733AA).

What is the hex code of Vegetation?

#5CCD97.