Green vs Spring Green

Green #008000 View details →

Spring Green #00FF7F View details →

What is the difference between Green and Spring Green?

A side-by-side study of Green (#008000) and Spring Green (#00FF7F) presents distinct choices for graphic layouts. Both shades match closely in terms of color richness and saturation profile. Spring Green behaves as a lighter and more luminous tone. A subtle hue shift of 30° creates a blended and harmonious transition.

Design recommendations for Green vs Spring Green

Integrating Green and Spring Green requires balancing dark and light elements. Utilize the depth of Green to provide strong contrast and visual structure, and pair it with Spring Green on card backgrounds or subtle link accents to keep the user interface fresh and readable.

✦ Readability & Contrast Testing

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

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

Spring Green Typography

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

White Text: 1.35:1 Black Text: 15.61:1

⚙ Technical Specifications Comparison

Format / Value	Green	Spring Green	Delta / Difference
HEX Code	`#008000`	`#00FF7F`	-
RGB Channels	`rgb(0, 128, 0)`	`rgb(0, 255, 127)`	`R:0 \| G:+127 \| B:+127`
HSL Values	`hsl(120°, 100%, 25%)`	`hsl(150°, 100%, 50%)`	`H:+30° \| S:0% \| L:+25%`
CMYK (Print)	`cmyk(100%, 0%, 100%, 50%)`	`cmyk(100%, 0%, 50%, 0%)`	-

◉ Individual Color References

Green Reference Sheet HEX, RGB, HSL and print codes

Spring Green Reference Sheet HEX, RGB, HSL and print codes