Sage
#87ae73
Sage, represented by the hex value #87ae73, pairs naturally with the complementary and analogous shades shown further down this page.
Color values
| HEX | #87ae73 | |
|---|---|---|
| RGB | rgb(135, 174, 115) | |
| HSL | hsl(100, 27%, 57%) | |
| CMYK | cmyk(22%, 0%, 34%, 32%) | |
| LAB | lab(67, -22, 26) | |
| OKLCH | oklch(0.71 0.093 135) |
Color harmonies
Tints & shades
Code snippets
color: #87ae73;
background-color: #87ae73;
/* Tailwind CSS (closest default swatch, not an exact match) */
bg-emerald-500 /* ≈ #00bc7d */
/* Flutter */
Color(0xFF87AE73)
/* Swift / UIKit */
UIColor(red: 0.53, green: 0.68, blue: 0.45, alpha: 1.0)