Sage Triadic Color Scheme

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

#87AE73

#718BAE

#B37084

#BFD5B3

#516582

Color names and codes

Name	HEX	RGB	HSL	CMYK
Sage	`#87AE73`	135, 174, 115	100°, 27%, 57%	22, 0, 34, 32
Windsurf Blue	`#718BAE`	113, 139, 174	214°, 27%, 56%	35, 20, 0, 32
Tapestry	`#B37084`	179, 112, 132	342°, 31%, 57%	0, 37, 26, 30
Nature	`#BFD5B3`	191, 213, 179	99°, 29%, 77%	10, 0, 16, 16
Luxe Blue	`#516582`	81, 101, 130	216°, 23%, 41%	38, 22, 0, 49

Which pairs work for text

Text on background	Contrast	WCAG
Aa #BFD5B3 on #516582	3.79:1	AA large
Aa #B37084 on #BFD5B3	2.40:1	—
Aa #87AE73 on #516582	2.36:1	—
Aa #718BAE on #BFD5B3	2.23:1	—
Aa #718BAE on #516582	1.70:1	—
Aa #87AE73 on #BFD5B3	1.61:1	—

CSS variables

:root {
  --color-1: #87ae73; /* Sage */
  --color-2: #718bae; /* Windsurf Blue */
  --color-3: #b37084; /* Tapestry */
  --color-4: #bfd5b3; /* Nature */
  --color-5: #516582; /* Luxe Blue */
}

Other schemes from Sage

More Medium Green triadic palettes

Questions

What colors go with Sage?

In a triadic scheme: Windsurf Blue (#718BAE), Tapestry (#B37084), Nature (#BFD5B3), Luxe Blue (#516582).

What is the hex code of Sage?

#87AE73.