Leafy Complementary Color Scheme

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

#679B6A

#9FC09C

#A46A95

#724770

#C8A2C8

Color names and codes

Name	HEX	RGB	HSL	CMYK
Leafy	`#679B6A`	103, 155, 106	123°, 21%, 51%	34, 0, 32, 39
Spruce Stone	`#9FC09C`	159, 192, 156	115°, 22%, 68%	17, 0, 19, 25
Mauve Memento	`#A46A95`	164, 106, 149	316°, 24%, 53%	0, 35, 9, 36
Sunset Purple	`#724770`	114, 71, 112	303°, 23%, 36%	0, 38, 2, 55
Stormy Sunrise	`#C8A2C8`	200, 162, 200	300°, 26%, 71%	0, 19, 0, 22

Which pairs work for text

Text on background	Contrast	WCAG
Aa #9FC09C on #724770	3.68:1	AA large
Aa #724770 on #C8A2C8	3.32:1	AA large
Aa #679B6A on #724770	2.27:1	—
Aa #9FC09C on #A46A95	2.07:1	—
Aa #A46A95 on #C8A2C8	1.86:1	—
Aa #A46A95 on #724770	1.78:1	—

CSS variables

:root {
  --color-1: #679b6a; /* Leafy */
  --color-2: #9fc09c; /* Spruce Stone */
  --color-3: #a46a95; /* Mauve Memento */
  --color-4: #724770; /* Sunset Purple */
  --color-5: #c8a2c8; /* Stormy Sunrise */
}

Other schemes from Leafy

More Medium Green complementary palettes

Questions

What colors go with Leafy?

In a complementary scheme: Spruce Stone (#9FC09C), Mauve Memento (#A46A95), Sunset Purple (#724770), Stormy Sunrise (#C8A2C8).

What is the hex code of Leafy?

#679B6A.