Home /Compare /Kelly Green vs Forest Green

Kelly Green vs Forest Green: What's the Difference?

The main difference between Kelly Green and Forest Green is brightness and saturation: both are green shades, but Kelly Green is lighter and Kelly Green is more saturated. Kelly Green and Forest Green are often confused but have distinct differences in hue, saturation, and tone. Kelly Green (#4CBB17) and Forest Green (#228B22) each suit different design contexts — understanding their differences helps you choose the right color for your project.

Kelly Green#4CBB17
Forest Green#228B22
#4CBB17Blended: #37A31D#228B22
ShareSave to PinterestTweet

Kelly Green vs Forest Green: Key Differences at a Glance

Aspect Kelly Green Forest Green
BrightnessMedium (L=41%) — balanced, versatileDark (L=34%) — rich, serious, substantial
SaturationVivid (S=78%) — bright, energetic, eye-catchingModerately saturated (S=61%) — balanced in intensity
Hue familyGreenGreen
TemperatureCool-leaningCool-leaning
Hex code#4CBB17#228B22
RGB76, 187, 2334, 139, 34

Can you use Kelly Green and Forest Green together?

Forest Green text on Kelly Green
Kelly Green text on Forest Green
Contrast Ratio:1.76:1Insufficient Contrast

How to Tell Kelly Green and Forest Green Apart

  • Check saturation: Kelly Green looks more vivid and saturated.
  • Watch the undertone: the hue shifts 19° between them, which changes the perceived temperature.
  • Compare them on a white background to see true saturation, and on black to see true lightness.

Kelly Green or Forest Green: Which to Use and Where

Four real design scenarios, with the recommended pick based on hue, saturation, and WCAG contrast.

Branding & logos
PickKelly Green

Kelly Green is more saturated (78% HSL vs 61%) so it reads as bolder and more memorable at logo scale, while Forest Green can feel washed out when printed small.

Web UI & body text backgrounds
PickForest Green

Forest Green hits a 4.39:1 WCAG contrast against white — safer for text-heavy interfaces — where Kelly Green only reaches 2.49:1 and risks failing AA at small body sizes.

Fashion & apparel
PickKelly Green

Kelly Green is a cool-leaning tone that flatters spring/summer collections and warmer skin undertones, while Forest Green leans cooler and is better suited to autumn/winter layering.

Interior design & walls
PickForest Green

Forest Green is the more muted of the two (61% saturation) and sits more calmly on large wall surfaces, while Kelly Green's higher chroma can overwhelm a room when used beyond accent pieces.

When to Use Kelly Green vs Forest Green in Design

Use Kelly Green for:
Eco, nature, wellness brands
Finance, success, growth
Go-states and confirmations
Food and garden products
Calm, grounded UI surfaces
Use Forest Green for:
Eco, nature, wellness brands
Finance, success, growth
Go-states and confirmations
Food and garden products
Calm, grounded UI surfaces

Kelly Green and Forest Green Hex Codes, RGB & HSL

Kelly Green#4CBB17

Kelly Green (#4CBB17) 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
Forest Green#228B22

Forest Green (#228B22) is a dark, moderately saturated green with a cool-leaning undertone — it feels rich, serious, substantial and balanced in intensity.

HEX
RGB
HSL
HSV
CMYK
PANTONE
Shades
Tints

Kelly Green and Forest 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
Kelly Green text on white
2.49:1Fail
Sample text preview
Kelly Green text on black
8.43:1AAA
Sample text preview
Forest Green text on white
4.39:1AA Large
Sample text preview
Forest Green text on black
4.78:1AA
Sample text preview
Kelly Green text on Forest Green
1.76:1Fail
Sample text preview
Forest Green text on Kelly Green
1.76:1Fail

Explore Kelly Green and Forest Green individually

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

Forest Green color page#228B22 · shades, tints, pairings

More Kelly Green and Forest Green Comparisons

Kelly Green vs Forest Green FAQ

What is the difference between kelly green and forest green?+
The main difference between Kelly Green and Forest Green is brightness and saturation: both are green shades, but Kelly Green is lighter and Kelly Green is more saturated. Kelly Green and Forest Green are often confused but have distinct differences in hue, saturation, and tone. Kelly Green (#4CBB17) and Forest Green (#228B22) each suit different design contexts — understanding their differences helps you choose the right color for your project.
Is kelly green darker than forest green?+
No. Forest Green is the darker of the two at 34% lightness, while Kelly Green sits higher at 41%.
Are kelly green and forest green the same color?+
No. Kelly Green is #4CBB17 and Forest Green is #228B22. They differ by 19° in hue, 7% in lightness, and 17% in saturation.
Which is more saturated, kelly green or forest green?+
Kelly Green is more saturated. In HSL, Kelly Green has 78% saturation and Forest Green has 61% — Kelly Green is the more vivid of the two, while Forest Green reads as more muted.
Is kelly green warm or cool?+
Kelly Green (#4CBB17) is a cool-leaning green. Its hue sits at 101° on the color wheel, which places it in the cool-leaning range.
Is forest green warm or cool?+
Forest Green (#228B22) is a cool-leaning green. Its hue sits at 120° on the color wheel, which places it in the cool-leaning range.
Can you use kelly green and forest green together?+
Yes. Both kelly green and forest green are green shades, so they pair naturally in a monochromatic palette. Use forest green as the dominant color and kelly green as the accent or highlight.
What color family does kelly green belong to?+
Kelly Green belongs to the green family. Its HSL is 101°, 78%, 41% — a cool-leaning tone within the broader green group.
What is the hex code for kelly green?+
The hex code for Kelly Green is #4CBB17. In RGB, that's rgb(76, 187, 23), and in HSL it's hsl(101, 78%, 41%).
What is the hex code for forest green?+
The hex code for Forest Green is #228B22. In RGB, that's rgb(34, 139, 34), and in HSL it's hsl(120, 61%, 34%).