Sage green
#9CAF88
Sage green (#9CAF88) is a medium, muted green colour, balanced between warm and cool. In RGB it is 156 red, 175 green and 136 blue; in HSL its hue is 89°, its saturation 20% and its lightness 61%. For print, its CMYK mix is 11% cyan, 0% magenta, 22% yellow and 31% black, though printed colours vary with paper and ink.
Green stands for nature, growth, health and money. Fresh greens suit food and wellness brands; deep greens feel calm, established and premium.
Text on sage green
White text on sage green has a contrast ratio of 2.36:1 and fails; black text has 8.90:1 and passes AAA. Black text is the better choice on it. Check other pairs in the contrast checker.
White text · 2.36:1
Black text · 8.90:1
Tints and shades of sage green
Colour palettes with sage green
Brands with a sage green logo
Brand colours close to #9CAF88, from our Brand Colour Index.
Colours similar to sage green
Use sage green in CSS
.button {
background-color: #9CAF88;
color: #000000;
}Make a full Tailwind scale from it with the Tailwind shades generator, or see more shades of green.