Sage Complementary Color Scheme

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

#87AE73

#BBD3AD

#946DAD

#745085

#CAB4D4

Color names and codes

Name	HEX	RGB	HSL	CMYK
Sage	`#87AE73`	135, 174, 115	100°, 27%, 57%	22, 0, 34, 32
Jaded Lime	`#BBD3AD`	187, 211, 173	98°, 30%, 75%	11, 0, 18, 17
Crown Jewels	`#946DAD`	148, 109, 173	277°, 28%, 55%	14, 37, 0, 32
Affair	`#745085`	116, 80, 133	281°, 25%, 42%	13, 40, 0, 48
Elfin Herb	`#CAB4D4`	202, 180, 212	281°, 27%, 77%	5, 15, 0, 17

Which pairs work for text

Text on background	Contrast	WCAG
Aa #BBD3AD on #745085	4.04:1	AA large
Aa #745085 on #CAB4D4	3.40:1	AA large
Aa #BBD3AD on #946DAD	2.58:1	—
Aa #87AE73 on #745085	2.58:1	—
Aa #946DAD on #CAB4D4	2.18:1	—
Aa #87AE73 on #946DAD	1.65:1	—

CSS variables

:root {
  --color-1: #87ae73; /* Sage */
  --color-2: #bbd3ad; /* Jaded Lime */
  --color-3: #946dad; /* Crown Jewels */
  --color-4: #745085; /* Affair */
  --color-5: #cab4d4; /* Elfin Herb */
}

Other schemes from Sage

More Medium Green complementary palettes

Questions

What colors go with Sage?

In a complementary scheme: Jaded Lime (#BBD3AD), Crown Jewels (#946DAD), Affair (#745085), Elfin Herb (#CAB4D4).

What is the hex code of Sage?

#87AE73.