#2ECC70 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#2ecc70 is an intense, saturated green that commands attention. Because of its high chroma, the hex code #2ecc70 works best as an accent or call-to-action button rather than a large background. It pairs well with black text for optimal readability. While designers sometimes struggle with mixing gray, this specific shade remains distinct and bold across digital interfaces.
Questions about #2ecc70
What is #2ecc70 in RGB, HSL and CMYK?
In RGB, #2ecc70 is rgb(46, 204, 112), in HSL hsl(145, 63%, 49%) and in CMYK 77%, 0%, 45%, 20%.
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.
Is #2ecc70 readable on white or black?
#2ecc70 has a 2.10:1 contrast ratio on white and 9.98: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.