#2ECC70 Hex Color

Online color picker to view shades, tints, color codes, and complementary colors

Frequently Asked Questions

What is the best way to use #2ecc70 in web design?
Because #2ecc70 is so saturated and high-chroma, it performs best as an accent color for call-to-action buttons or small UI elements. Avoid using it for large backgrounds, as its intensity can cause eye fatigue and overwhelm other page content.
Which colors pair well with #2ecc70?
This green looks sharpest when balanced by neutral, dark tones like charcoal or deep black, which provide high contrast for readability. For a modern, high-energy palette, try pairing it with crisp white or desaturated light grays to ground the color.