Pale Green vs Green

What is the difference between Pale Green and Green?

Examining Pale Green (#98FB98) 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, Pale Green has a higher brightness and reflectivity. They have a close hue coordinate distance of 0°, representing a harmonized adjacent relationship.

Design recommendations for Pale Green vs Green

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

Pale Green Typography

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

White Text: 1.27:1 Black Text: 16.59: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 Pale Green Green Delta / Difference
HEX Code #98FB98 #008000 -
RGB Channels rgb(152, 251, 152) rgb(0, 128, 0) R:-152 | G:-123 | B:-152
HSL Values hsl(120°, 93%, 79%) hsl(120°, 100%, 25%) H:0° | S:+7% | L:-54%
CMYK (Print) cmyk(39%, 0%, 39%, 2%) cmyk(100%, 0%, 100%, 50%) -

Individual Color References

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