#2ECC71 Color — #2ECC71
Complete color reference for #2ECC71: conversions to RGB, HSL, HSV, CMYK, color harmonies, shades & tints scale, and WCAG accessibility contrast ratios.
Color Format Conversions
#2ECC71rgb(46, 204, 113)hsl(145, 63%, 49%)hsv(145, 77%, 80%)C:77% M:0% Y:45% K:20%#2ECC7130669930.4496WCAG Accessibility Contrast
WCAG AA requires ≥4.5:1 (normal text) or ≥3:1 (large text). WCAG AAA requires ≥7:1.
Shades & Tints Scale
Steps 50–400 are tints (mixed with white); 500 is the base color; 600–900 are shades (mixed with black).
Color Harmonies
Complementary
Split Complementary
Related Color Tools
Frequently Asked Questions
What is the RGB equivalent of #2ECC71?
The RGB equivalent is rgb(46, 204, 113). The red channel is 46, green is 204, and blue is 113 (scale 0–255).
What is the HSL value of #2ECC71?
The HSL value is hsl(145, 63%, 49%). Hue is 145°, saturation is 63%, and lightness is 49%.
Does #2ECC71 meet WCAG accessibility standards?
On a white background, #2ECC71 achieves a 2.1:1 contrast ratio (Fail). On a black background it achieves 9.99:1 (AAA). WCAG AA requires ≥4.5:1 for normal text.
What is the complementary color of #2ECC71?
The complementary color (180° opposite on the hue wheel) of #2ECC71 is #CC2E8A.