Sage green color

A soft, grayish green like sage leaves. It's one of the most popular decor colors of recent years thanks to its calming effect. It's widely used in kitchens, weddings and minimalist fashion.

Also known as: sage.

Sage green · #9CAF88

About sage green

Sage green (#9CAF88) is a balanced, mid-tone, muted color. It belongs to the greens family. It mixes 156 red, 175 green and 136 blue (out of 255). It is mostly used in home decor, weddings, fashion.

Sage green shades and tints

From lightest to darkest. Tap a shade to copy its code.

Sage green color harmonies

Combinations based on the color wheel. More in the color harmony tool.

ComplementaryClose to: Heather

Analogous

TriadicClose to: Dusty blue, Mountbatten pink

Split complementaryClose to: Heather, Dusty lavender

TetradicClose to: Cadet gray, Heather, Old rose

Sage green color palettes

Copy the codes or open a palette in the editor to tweak it.

Monochromatic palette · Sage green

Analogous palette · Sage green

Complementary palette · Sage green

Triadic palette · Sage green

With neutrals palette · Sage green

With an accent palette · Sage green

Sage green contrast with text

White textContrast 2.4:1 · Not recommended

Black textContrast 8.9:1 · AAA

Based on WCAG 2.1 guidelines. Test other pairs in the contrast checker.

CSS code

:root {
  --sage-green: #9CAF88;
  --sage-green-rgb: 156, 175, 136;
}
.bg { background-color: var(--sage-green); }
.text { color: var(--sage-green); }

Colors similar to sage green

Moss green Sand Khaki Camouflage green Greige Ash gray Warm gray Celadon Tan Stone gray

Themed palettes with this color

Frequently asked questions

What is the hex code for sage green?

The hex code for sage green is #9CAF88. In RGB it is rgb(156, 175, 136), in HSL hsl(89, 20%, 61%) and in CMYK 11, 0, 22, 31.

What is the complementary color of sage green?

Its complement on the color wheel is #9B88AF, close to heather. Used in small doses, it works as an accent and adds strong contrast.

Can you use white text on sage green?

Use black text instead: the contrast with white is only 2.4:1, while with black it is 8.9:1.