#2ECC71 — Tints, Shades & Color Values
#2ECC71 is a medium, moderately saturated green. Its nearest CSS named color is mediumseagreen (#3cb371). For readable text on a #2ECC71 background, black text gives the strongest contrast (9.99:1). #2ECC71 sits in the middle of the lightness range, so it can serve as a primary brand or accent color — use its tints for backgrounds and its shades for text and pressed states.
Color Values
| Hex | #2ECC71 |
|---|---|
| RGB | rgb(46, 204, 113) |
| HSL | hsl(145, 63%, 49%) |
| HSV / HSB | 145°, 77%, 80% |
| Nearest named | mediumseagreen (#3cb371) |
Need these in another format? Use our hex to RGB converter for quick two-way conversion.
Tints of #2ECC71 (Mixed with White)
Each step blends the base color toward white using new = old + (255 − old) × factor. Click a swatch to open it in the generator.
-
10% tint
#43d17f -
20% tint
#58d68d -
30% tint
#6ddb9c -
40% tint
#82e0aa -
50% tint
#97e6b8 -
60% tint
#abebc6 -
70% tint
#c0f0d4 -
80% tint
#d5f5e3 -
90% tint
#eafaf1
Shades of #2ECC71 (Mixed with Black)
Each step blends the base color toward black using new = old × (1 − factor).
-
10% shade
#29b866 -
20% shade
#25a35a -
30% shade
#208f4f -
40% shade
#1c7a44 -
50% shade
#176639 -
60% shade
#12522d -
70% shade
#0e3d22 -
80% shade
#092917 -
90% shade
#05140b
WCAG Contrast & Accessibility
Contrast ratios for text placed on a #2ECC71 background. WCAG requires 4.5:1 for normal text (AA), 3:1 for large text (AA), and 7:1 for normal text (AAA).
| Text color | White text 2.10:1 — AA normal: Fail · AA large: Fail · AAA: Fail |
|---|---|
| Black text 9.99:1 — AA normal: Pass · AA large: Pass · AAA: Pass |
If neither pure white nor pure black reaches the level you need, pick a darker shade of #2ECC71 from the ramps above as the background instead — small lightness moves change contrast quickly.
Browse more colors in the color library, or start from any hex code on the HexTints homepage.