#2ECC71 Hex Color

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

Select a Color

This bold, saturated green demands attention without feeling abrasive. Because it sits high on the chroma scale, #2ecc71 works best as a punchy accent rather than a background. Use it sparingly in UI design for calls to action or success indicators, where it pops against dark, neutral grays. The hex code #2ecc71 provides enough contrast for black text to remain legible for any reader.

Questions about #2ecc71

What is #2ecc71 in RGB, HSL and CMYK?

In RGB, #2ecc71 is rgb(46, 204, 113), in HSL hsl(145, 63%, 49%) and in CMYK 77%, 0%, 45%, 20%.

What colors pair well with #2ecc71?

This green creates a balanced, professional look when paired with deep navy or slate tones. If you need a more energetic palette, use it alongside warm terracotta to create a striking complementary contrast that grounds the high-intensity green.

Is #2ecc71 readable on white or black?

#2ecc71 has a 2.10:1 contrast ratio on white and 9.99:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it is too faint for text and on black it works for body text. Try other pairs in the contrast checker.

#2ECC71 Hex Color

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

Questions about #2ecc71

Color tools

Resources