Sapling Complementary Color Scheme

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

#A3C05A

#CDD79D

#7A58C1

#573894

#B4A6D5

Color names and codes

Name	HEX	RGB	HSL	CMYK
Sapling	`#A3C05A`	163, 192, 90	77°, 45%, 55%	15, 0, 53, 25
Cucumber Ice	`#CDD79D`	205, 215, 157	70°, 42%, 73%	5, 0, 27, 16
Fuchsia Blue	`#7A58C1`	122, 88, 193	259°, 46%, 55%	37, 54, 0, 24
Ruthless Empress	`#573894`	87, 56, 148	260°, 45%, 40%	41, 62, 0, 42
Grape Illusion	`#B4A6D5`	180, 166, 213	258°, 36%, 74%	15, 22, 0, 16

Which pairs work for text

Text on background	Contrast	WCAG
Aa #CDD79D on #573894	5.75:1	AA
Aa #A3C05A on #573894	4.27:1	AA large
Aa #573894 on #B4A6D5	3.90:1	AA large
Aa #CDD79D on #7A58C1	3.46:1	AA large
Aa #A3C05A on #7A58C1	2.57:1	—
Aa #7A58C1 on #B4A6D5	2.34:1	—

CSS variables

:root {
  --color-1: #a3c05a; /* Sapling */
  --color-2: #cdd79d; /* Cucumber Ice */
  --color-3: #7a58c1; /* Fuchsia Blue */
  --color-4: #573894; /* Ruthless Empress */
  --color-5: #b4a6d5; /* Grape Illusion */
}

Other schemes from Sapling

More Medium Green complementary palettes

Questions

What colors go with Sapling?

In a complementary scheme: Cucumber Ice (#CDD79D), Fuchsia Blue (#7A58C1), Ruthless Empress (#573894), Grape Illusion (#B4A6D5).

What is the hex code of Sapling?

#A3C05A.