Sage Color – #87ae73: Codes and Complete Breakdown
By
Published on
The Sage color hex code is #87ae73, and it is composed of 53% red, 68% green and 45% blue.
Sage is a light, muted, and cool color at 34% saturation. It has a contrast ratio of 2.52:1 against a white background, which fails WCAG AA (Web Content Accessibility Guidelines, Level AA) compliance.
For better visibility, it is recommended to use the Sage color (#87ae73) against dark backgrounds.

Sage Color Shades
Complementary colors
Triadic colors
Tints or lighter colors
Darker colors
Analogous colors
Monochromatic colors
#87ae73
Sage Color Codes and Information
Here’s a complete breakdown of the color Sage, including its HEX, RGB, HSL, and CMYK values, as well as other information about the color.
| Data Type | Values/Details |
|---|---|
| Hex | #87ae73 |
| RGB | rgb(135,174,115) |
| HSL | hsl(100,26.7%,56.7%) |
| CMYK | 22, 0, 34, 32 |
| HSV | 100, 34, 68 |
| RGB % | 53, 68, 45 |
| XYZ | 28.2, 36.7, 21.8 |
| LAB | 67.1, -24.5, 26.2 |
| Color Category | Light |
| Color Family | Green |
| Saturation | 34% |
| Temperature | Warm |
| Contrast Ratio Againt White (#ffffff) | 2.52 (fails WCAG AA) |
| Contrast Ratio Againt Black (#000000) | 8.33 (passes WCAG AA) |
Similar Colors to Sage Color
#a4a393

Woodland Sage
#aa9d80

Winter Sage
#7e877d

Wild Sage
#dee0d2

Whitened Sage
#d2d4c3

White Sage
#dedfcc

Washed Sage
#b9a77c

Texas Sage
#c2c0a9

Swing Sage









