Chartreuse vs Lime

What is the difference between Chartreuse and Lime?

A side-by-side study of Chartreuse (#7FFF00) and Lime (#00FF00) presents distinct choices for graphic layouts. Both colors share a very similar saturation index, making their color intensity nearly equal. Both shades have a nearly identical lightness profile on screens. They have a close hue coordinate distance of 30°, representing a harmonized adjacent relationship.

Design recommendations for Chartreuse vs Lime

When choosing between Chartreuse and Lime for interface designs, consider their visual weight. Since Chartreuse is darker, it serves as a solid base for structural layouts or heavy typography, while the lighter Lime 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

Lime Typography

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

White Text: 1.37:1 Black Text: 15.30:1

Technical Specifications Comparison

Format / Value Chartreuse Lime Delta / Difference
HEX Code #7FFF00 #00FF00 -
RGB Channels rgb(127, 255, 0) rgb(0, 255, 0) R:-127 | G:0 | B:0
HSL Values hsl(90°, 100%, 50%) hsl(120°, 100%, 50%) H:+30° | S:0% | L:0%
CMYK (Print) cmyk(50%, 0%, 100%, 0%) cmyk(100%, 0%, 100%, 0%) -

Individual Color References

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