Sapling Tetradic Color Scheme

Five colors arranged by the tetradic rule around Sapling (#A3C05A), each snapped to its nearest named color.

#A3C05A

#58C6AB

#7A58C1

#C45971

#CEDDA2

Color names and codes

Name	HEX	RGB	HSL	CMYK
Sapling	`#A3C05A`	163, 192, 90	77°, 45%, 55%	15, 0, 53, 25
Shoreline Green	`#58C6AB`	88, 198, 171	165°, 49%, 56%	56, 0, 14, 22
Fuchsia Blue	`#7A58C1`	122, 88, 193	259°, 46%, 55%	37, 54, 0, 24
Mon Cher Ami	`#C45971`	196, 89, 113	347°, 48%, 56%	0, 55, 42, 23
Lettuce Alone	`#CEDDA2`	206, 221, 162	75°, 46%, 75%	7, 0, 27, 13

Which pairs work for text

Text on background	Contrast	WCAG
Aa #7A58C1 on #CEDDA2	3.63:1	AA large
Aa #C45971 on #CEDDA2	2.89:1	—
Aa #A3C05A on #7A58C1	2.57:1	—
Aa #58C6AB on #7A58C1	2.52:1	—
Aa #A3C05A on #C45971	2.04:1	—
Aa #58C6AB on #C45971	2.01:1	—

CSS variables

:root {
  --color-1: #a3c05a; /* Sapling */
  --color-2: #58c6ab; /* Shoreline Green */
  --color-3: #7a58c1; /* Fuchsia Blue */
  --color-4: #c45971; /* Mon Cher Ami */
  --color-5: #cedda2; /* Lettuce Alone */
}

Other schemes from Sapling

More Medium Green tetradic palettes

Questions

What colors go with Sapling?

In a tetradic scheme: Shoreline Green (#58C6AB), Fuchsia Blue (#7A58C1), Mon Cher Ami (#C45971), Lettuce Alone (#CEDDA2).

What is the hex code of Sapling?

#A3C05A.