Green Sage

#98A869

What color is Green Sage?

Green sage is a muted, medium-toned green with gray and yellow undertones, hex #98A869, giving it the soft, dusty appearance of dried sage leaves. The color has a faded, earthy quality that reads closer to olive than to a bright or pure green.

What is the meaning of the color Green Sage?

Sage as a color name entered common use in the late 19th century, tied directly to the culinary and medicinal herb grown across the Mediterranean and widely traded through European markets. By the early 20th century, the muted green appeared in Arts and Crafts movement interiors, where designers favored natural, unsaturated tones drawn from the plant world. The shade gained lasting visibility when Farrow and Ball introduced sage-adjacent greens into their heritage paint collections, helping establish the color as a standard in understated, nature-based interior palettes.

RGB
152, 168, 105
HSL
75°, 27%, 54%
CMYK
10, 0, 38, 34
HSV
75°, 38%, 66%
Green sage color

What colors go with Green Sage?

Colors that pair well with Green sage include:
Warm cream: soft, natural balance
Dusty rose: gentle warm contrast
Charcoal gray: quiet, grounding depth
Terracotta: earthy, warm accent
Navy blue: cool, structured contrast

Similar Colors

Conversions & Codes

Format Value CSS
HEX #98A869 color: #98A869;
RGB 152, 168, 105 color: rgb(152, 168, 105);
RGB Percentage 60%, 66%, 41% color: rgb(60%, 66%, 41%);
CMYK 10%, 0%, 38%, 34% Not supported in CSS
HSL 75°, 27%, 54% color: hsl(75, 27%, 54%);
HSV 75°, 38%, 66% Not supported in CSS
CIE-LAB 43, -3, 21 color: lab(43% -3 21);
Decimal 10004585 Not supported in CSS

Color Variations

Shades

#9AA96A
#8D9D5A
#7D8C50
#6D7A46
#5E693C
#4E5732
#3F4628
#2F341E

Tints

#E1E5D2
#D6DDC3
#CCD4B5
#C2CCA6
#B8C397
#AEBA88
#A4B279
#9AA96A

Tones

#9AA96A
#98A66D
#96A370
#95A074
#939D77
#929A7A
#90967D
#8E9380

Hues

#9AA96A
#6AA96A
#6AA99A
#6A8AA9
#7A6AA9
#A96AA9
#A96A7A
#A98A6A

Color Harmonies

Analogous

#A99A6A
Click to copy
#98A869
Click to copy
#7AA96A
Click to copy

Complementary

#98A869
Click to copy
#7A6AA9
Click to copy

Split Complementary

#98A869
Click to copy
#6A7AA9
Click to copy
#9A6AA9
Click to copy

Triadic

#98A869
Click to copy
#6A9AA9
Click to copy
#A96A9A
Click to copy

Tetradic

#98A869
Click to copy
#6AA99A
Click to copy
#7A6AA9
Click to copy
#A96A7A
Click to copy

Square

#98A869
Click to copy
#6AA99A
Click to copy
#7A6AA9
Click to copy
#A96A7A
Click to copy

CSS & Dev Snippets

CSS
.green-sage {
  color: #98A869;
}
SCSS
$green-sage: #98A869;
RGB
rgb(152, 168, 105)

Accessibility & Contrast

White background

2.58:1
2.58
contrast ratio on a white background
Element
AA
AAA
Small text
Large text
UI element

Black background

8.14:1
8.14
contrast ratio on a black background
Element
AA
AAA
Small text
Large text
UI element

Popular Tags