Forest Green vs Green

What is the difference between Forest Green and Green?

Examining Forest Green (#228B22) relative to Green (#008000) showcases key differences in design application. In terms of color intensity, Green features a more vivid and saturated tone. Under screen illumination, Forest Green has a higher brightness and reflectivity. They have a close hue coordinate distance of 0°, representing a harmonized adjacent relationship.

Design recommendations for Forest Green vs Green

When choosing between Forest Green and Green for interface designs, consider their visual weight. Since Green is darker, it serves as a solid base for structural layouts or heavy typography, while the lighter Forest Green is ideal for backgrounds or high-visibility accents. Testing their contrast ratio is essential to meet WCAG accessibility guidelines.

Readability & Contrast Testing

Visual test showing black and white text overlay readability on both colors.

Forest Green Typography

Preview of dark and light text elements rendered over a solid Forest Green background canvas.

White Text: 4.39:1 Black Text: 4.78:1

Green Typography

Preview of dark and light text elements rendered over a solid Green background canvas.

White Text: 5.14:1 Black Text: 4.09:1

Technical Specifications Comparison

Format / Value Forest Green Green Delta / Difference
HEX Code #228B22 #008000 -
RGB Channels rgb(34, 139, 34) rgb(0, 128, 0) R:-34 | G:-11 | B:-34
HSL Values hsl(120°, 61%, 34%) hsl(120°, 100%, 25%) H:0° | S:+39% | L:-9%
CMYK (Print) cmyk(76%, 0%, 76%, 45%) cmyk(100%, 0%, 100%, 50%) -

Individual Color References

Forest Green Reference Sheet HEX, RGB, HSL and print codes
Green Reference Sheet HEX, RGB, HSL and print codes
Copied!