Home /Compare /Sage Green vs Chartreuse Green

Sage Green vs Chartreuse Green: What's the Difference?

The main difference between Sage Green and Chartreuse Green is hue — Sage Green is a cool-leaning yellow-green, while Chartreuse Green is a cool-leaning green. Sage Green (#9CAF88) has an HSL of 89°, 20%, 61%, whereas Chartreuse Green (#7FFF00) sits at 90°, 100%, 50%.

Sage Green#9CAF88
Chartreuse Green#7FFF00
#9CAF88Blended: #8ED744#7FFF00

Sage Green vs Chartreuse Green: Key Differences at a Glance

Aspect Sage Green Chartreuse Green
BrightnessLight (L=61%) — airy, soft, approachableMedium (L=50%) — balanced, versatile
SaturationMuted (S=20%) — subdued, sophisticatedVivid (S=100%) — bright, energetic, eye-catching
Hue familyYellow-greenGreen
TemperatureCool-leaningCool-leaning
Hex code#9CAF88#7FFF00
RGB156, 175, 136127, 255, 0

Can you use Sage Green and Chartreuse Green together?

Chartreuse Green text on Sage Green
Sage Green text on Chartreuse Green
Contrast Ratio:1.82:1Insufficient Contrast

How to Tell Sage Green and Chartreuse Green Apart

  • Look at lightness first: Sage Green is noticeably lighter.
  • Check saturation: Chartreuse Green looks more vivid and saturated.
  • Compare them on a white background to see true saturation, and on black to see true lightness.

When to Use Sage Green vs Chartreuse Green in Design

Use Sage Green for:
Fresh, natural, organic brands
Spring and growth themes
Juice and produce packaging
Eco-conscious products
Wellness and lifestyle
Use Chartreuse Green for:
Eco, nature, wellness brands
Finance, success, growth
Go-states and confirmations
Food and garden products
Calm, grounded UI surfaces

Sage Green and Chartreuse Green Hex Codes, RGB & HSL

Sage Green#9CAF88

Sage Green (#9CAF88) is a light, muted yellow-green with a cool-leaning undertone — it feels airy, soft, approachable and subdued, sophisticated.

HEX
RGB
HSL
HSV
CMYK
PANTONE
Shades
Tints
Chartreuse Green#7FFF00

Chartreuse Green (#7FFF00) is a medium, vivid green with a cool-leaning undertone — it feels balanced, versatile and bright, energetic, eye-catching.

HEX
RGB
HSL
HSV
CMYK
PANTONE
Shades
Tints

Sage Green and Chartreuse Green WCAG Contrast Ratios

Text legibility depends on the contrast ratio between foreground and background. WCAG 2.1 AA requires at least 4.5:1 for normal text and 3:1 for large text; AAA requires 7:1. Use these numbers to choose accessible combinations for your design.

Sample text preview
Sage Green text on white
2.36:1Fail
Sample text preview
Sage Green text on black
8.9:1AAA
Sample text preview
Chartreuse Green text on white
1.3:1Fail
Sample text preview
Chartreuse Green text on black
16.21:1AAA
Sample text preview
Sage Green text on Chartreuse Green
1.82:1Fail
Sample text preview
Chartreuse Green text on Sage Green
1.82:1Fail

Explore Sage Green and Chartreuse Green individually

Each color has a dedicated page with shades, tints, CSS name, pairings, and color psychology.

Sage Green color page#9CAF88 · shades, tints, pairingsChartreuse Green color page#7FFF00 · shades, tints, pairings

More Sage Green and Chartreuse Green Comparisons

Sage Green vs Chartreuse Green FAQ

What is the difference between sage green and chartreuse green?+
The main difference between Sage Green and Chartreuse Green is hue — Sage Green is a cool-leaning yellow-green, while Chartreuse Green is a cool-leaning green. Sage Green (#9CAF88) has an HSL of 89°, 20%, 61%, whereas Chartreuse Green (#7FFF00) sits at 90°, 100%, 50%.
Is sage green darker than chartreuse green?+
No. Chartreuse Green is the darker of the two at 50% lightness, while Sage Green sits higher at 61%.
Are sage green and chartreuse green the same color?+
No. Sage Green is #9CAF88 and Chartreuse Green is #7FFF00. They differ by 1° in hue, 11% in lightness, and 80% in saturation.
Which is more saturated, sage green or chartreuse green?+
Chartreuse Green is more saturated. In HSL, Sage Green has 20% saturation and Chartreuse Green has 100% — Chartreuse Green is the more vivid of the two, while Sage Green reads as more muted.
Is sage green warm or cool?+
Sage Green (#9CAF88) is a cool-leaning yellow-green. Its hue sits at 89° on the color wheel, which places it in the cool-leaning range.
Is chartreuse green warm or cool?+
Chartreuse Green (#7FFF00) is a cool-leaning green. Its hue sits at 90° on the color wheel, which places it in the cool-leaning range.
Can you use sage green and chartreuse green together?+
Yes. Sage Green (yellow-green) and Chartreuse Green (green) can work as a complementary or analogous pair. Use one as the dominant tone and the other as a 10–20% accent to keep the palette balanced.
What color family does sage green belong to?+
Sage Green belongs to the yellow-green family. Its HSL is 89°, 20%, 61% — a cool-leaning tone within the broader yellow-green group.
What is the hex code for sage green?+
The hex code for Sage Green is #9CAF88. In RGB, that's rgb(156, 175, 136), and in HSL it's hsl(89, 20%, 61%).
What is the hex code for chartreuse green?+
The hex code for Chartreuse Green is #7FFF00. In RGB, that's rgb(127, 255, 0), and in HSL it's hsl(90, 100%, 50%).