Chartreuse vs Green

What is the difference between Chartreuse and Green?

A side-by-side study of Chartreuse (#7FFF00) and Green (#008000) presents distinct choices for graphic layouts. Both colors share a very similar saturation index, making their color intensity nearly equal. Under screen illumination, Chartreuse has a higher brightness and reflectivity. They have a close hue coordinate distance of 30°, representing a harmonized adjacent relationship.

Design recommendations for Chartreuse vs Green

When choosing between Chartreuse 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 Chartreuse 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.

Chartreuse Typography

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

White Text: 1.30:1 Black Text: 16.21: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 Chartreuse Green Delta / Difference
HEX Code #7FFF00 #008000 -
RGB Channels rgb(127, 255, 0) rgb(0, 128, 0) R:-127 | G:-127 | B:0
HSL Values hsl(90°, 100%, 50%) hsl(120°, 100%, 25%) H:+30° | S:0% | L:-25%
CMYK (Print) cmyk(50%, 0%, 100%, 0%) cmyk(100%, 0%, 100%, 50%) -

Individual Color References

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