#2ECC71

#2ECC71 — Colour Code | RGB, CMYK, HSL, Pantone & RAL

Complete breakdown of HEX #2ECC71 with colour model conversions, system matches and paint equivalents.

Colour Values

HEX#2ECC71
RGB46, 204, 113
CMYK77%, 0%, 45%, 20%
HSL145°, 63%, 49%

Colour Preview

Text on White
On Light BG
Text on Dark

Colour Harmonies

Complementary, analogous and triadic suggestions computed from the HSL values of #2ECC71.

Complementary
#CC2E8A
Analogous +30°
#2ECCBF
Analogous -30°
#3BCC2E
Triadic +120°
#702ECC
Triadic +240°
#CC702E

Frequently Asked Questions

What colour is #2ECC71?▼
#2ECC71 is a HEX colour code. In RGB it equals (46, 204, 113). Use this code in CSS, HTML or any design tool to reproduce this exact colour on screen.
How do I convert #2ECC71 to RGB?▼
#2ECC71 in RGB is (46, 204, 113). Split the six-character HEX into three pairs: 2E = Red (46), CC = Green (204), 71 = Blue (113). Each pair is a base-16 number converted to decimal (0-255).
What is the CMYK equivalent of #2ECC71?▼
#2ECC71 in CMYK is approximately 77% Cyan, 0% Magenta, 45% Yellow and 20% Key (Black). Note that CMYK is used for print and the conversion from a screen colour is an approximation.
What Pantone colour is closest to #2ECC71?▼
The nearest Pantone equivalents are shown in the System Equivalents section above. Since Pantone is a spot-colour system, an exact match is rarely possible — we use CIE Delta-E to find the closest shade.
Can I use #2ECC71 in CSS?▼
Yes. Use it as background-color:#2ECC71 or color:#2ECC71 in your stylesheet. You can also use the RGB equivalent: rgb(46,204,113) or the HSL form: hsl(145,63%,49%).