Sage green color: code #9CAF88
Sage green
#9CAF88
Color codes
- HEX
#9CAF88 - RGB
rgb(156, 175, 136) - HSL
hsl(89, 20%, 61%) - HSV
hsv(89, 22%, 69%) - CMYK
cmyk(11%, 0%, 22%, 31%) - LAB
lab(69.1% -13.8 17.9) - OKLCH
oklch(72.9% 0.059 128.9)
About the color Sage green
Sage green has the HEX code #9CAF88, which corresponds to rgb(156, 175, 136) in the RGB model. On the color wheel its hue sits at 89°, with 20% saturation and 61% lightness (hsl(89, 20%, 61%)).
Because of its hue it reads as a cool color: it tends to feel calm and distant, and it visually “recedes” in a composition.
As a background it calls for dark text: black reaches a 8.90:1 contrast ratio on it, versus 2.35:1 for white.
For print, the approximate conversion is cmyk(11%, 0%, 22%, 31%). Always confirm with your printer’s color profile, because the result depends on paper and ink.
Lighter tints
Darker shades
Color combinations with Sage green
Complementary
#9CAF88 · #9B88AF
Analogous
#AFAF88 · #9CAF88 · #88AF88
Triadic
#9CAF88 · #889CAF · #AF889C
Tetradic
#9CAF88 · #88AFAF · #9B88AF · #AF8888
Split-complementary
#9CAF88 · #8888AF · #AF88AF
Monochromatic
#5C6E49 · #839B69 · #9CAF88 · #C2CEB6 · #E8EDE3
Sage green with white and black text
How to use it in CSS
:root {
--color-sage-green: #9CAF88;
--color-sage-green-rgb: 156, 175, 136;
}
.elemento {
background-color: var(--color-sage-green);
color: #000000;
}