Home /Compare /Lawn Green vs Sage Green

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

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

Lawn Green#7CFC00
Sage Green#9CAF88
#7CFC00Blended: #8CD644#9CAF88

Lawn Green vs Sage Green: Key Differences at a Glance

Aspect Lawn Green Sage Green
BrightnessMedium (L=49%) — balanced, versatileLight (L=61%) — airy, soft, approachable
SaturationVivid (S=100%) — bright, energetic, eye-catchingMuted (S=20%) — subdued, sophisticated
Hue familyGreenYellow-green
TemperatureCool-leaningCool-leaning
Hex code#7CFC00#9CAF88
RGB124, 252, 0156, 175, 136

Can you use Lawn Green and Sage Green together?

Sage Green text on Lawn Green
Lawn Green text on Sage Green
Contrast Ratio:1.77:1Insufficient Contrast

How to Tell Lawn Green and Sage Green Apart

  • Look at lightness first: Sage Green is noticeably lighter.
  • Check saturation: Lawn 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 Lawn Green vs Sage Green in Design

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

Lawn Green and Sage Green Hex Codes, RGB & HSL

Lawn Green#7CFC00

Lawn Green (#7CFC00) 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#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

Lawn Green and Sage 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
Lawn Green text on white
1.33:1Fail
Sample text preview
Lawn Green text on black
15.78:1AAA
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
Lawn Green text on Sage Green
1.77:1Fail
Sample text preview
Sage Green text on Lawn Green
1.77:1Fail

Explore Lawn Green and Sage Green individually

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

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

More Lawn Green and Sage Green Comparisons

Lawn Green vs Sage Green FAQ

What is the difference between lawn green and sage green?+
The main difference between Lawn Green and Sage Green is hue — Lawn Green is a cool-leaning green, while Sage Green is a cool-leaning yellow-green. Lawn Green (#7CFC00) has an HSL of 90°, 100%, 49%, whereas Sage Green (#9CAF88) sits at 89°, 20%, 61%.
Is lawn green darker than sage green?+
Yes. Lawn Green is darker, with a lightness of 49% in HSL compared to Sage Green at 61% — a 12-point gap.
Are lawn green and sage green the same color?+
No. Lawn Green is #7CFC00 and Sage Green is #9CAF88. They differ by 1° in hue, 12% in lightness, and 80% in saturation.
Which is more saturated, lawn green or sage green?+
Lawn Green is more saturated. In HSL, Lawn Green has 100% saturation and Sage Green has 20% — Lawn Green is the more vivid of the two, while Sage Green reads as more muted.
Is lawn green warm or cool?+
Lawn Green (#7CFC00) is a cool-leaning green. Its hue sits at 90° on the color wheel, which places it in the cool-leaning range.
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.
Can you use lawn green and sage green together?+
Yes. Lawn Green (green) and Sage Green (yellow-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 lawn green belong to?+
Lawn Green belongs to the green family. Its HSL is 90°, 100%, 49% — a cool-leaning tone within the broader green group.
What is the hex code for lawn green?+
The hex code for Lawn Green is #7CFC00. In RGB, that's rgb(124, 252, 0), and in HSL it's hsl(90, 100%, 49%).
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%).