#2ecc1f hex color

In a RGB color space, hex #2ecc1f is composed of 18% red, 80% green and 12.2% blue. Whereas in a CMYK color space, it is composed of 77.5% cyan, 0% magenta, 84.8% yellow and 20% black. It has a hue angle of 114.8 degrees, a saturation of 73.6% and a lightness of 46.1%. #2ecc1f color hex could be obtained by blending #5cff3e with #009900. Closest websafe color is: #33cc33.

♥
- f
- t
- g
- R 18
- G 80
- B 12
RGB color chart
- C 77
- M 0
- Y 85
- K 20
CMYK color chart

● #2ecc1f color description : Strong lime green.

The hexadecimal color #2ecc1f has RGB values of R:46, G:204, B:31 and CMYK values of C:0.77, M:0, Y:0.85, K:0.2. Its decimal value is 3066911.

Hex triplet	2ecc1f	`#2ecc1f`
RGB Decimal	46, 204, 31	`rgb(46,204,31)`
RGB Percent	18, 80, 12.2	`rgb(18%,80%,12.2%)`
CMYK	77, 0, 85, 20
HSL	114.8°, 73.6, 46.1	`hsl(114.8,73.6%,46.1%)`
HSV (or HSB)	114.8°, 84.8, 80
Web Safe	33cc33	`#33cc33`

CIE-LAB	72.137, -68.478, 66.308
XYZ	22.966, 43.863, 8.552
xyY	0.305, 0.582, 43.863
CIE-LCH	72.137, 95.32, 135.922
CIE-LUV	72.137, -63.607, 84.752
Hunter-Lab	66.229, -54.004, 38.704
Binary	00101110, 11001100, 00011111

#2ecc1f
```
#2ecc1f rgb(46,204,31)
```
#bd1fcc
```
#bd1fcc rgb(189,31,204)
```

Complementary Color

#85cc1f
```
#85cc1f rgb(133,204,31)
```
#2ecc1f
```
#2ecc1f rgb(46,204,31)
```
#1fcc67
```
#1fcc67 rgb(31,204,103)
```

Analogous Color

#cc1f85
```
#cc1f85 rgb(204,31,133)
```
#2ecc1f
```
#2ecc1f rgb(46,204,31)
```
#671fcc
```
#671fcc rgb(103,31,204)
```

Split Complementary Color

#cc1f2e
```
#cc1f2e rgb(204,31,46)
```
#2ecc1f
```
#2ecc1f rgb(46,204,31)
```
#1f2ecc
```
#1f2ecc rgb(31,46,204)
```

Triadic Color

#ccbd1f
```
#ccbd1f rgb(204,189,31)
```
#2ecc1f
```
#2ecc1f rgb(46,204,31)
```
#1f2ecc
```
#1f2ecc rgb(31,46,204)
```
#bd1fcc
```
#bd1fcc rgb(189,31,204)
```

Tetradic Color

#1f8a15
```
#1f8a15 rgb(31,138,21)
```
#24a018
```
#24a018 rgb(36,160,24)
```
#29b61c
```
#29b61c rgb(41,182,28)
```
#2ecc1f
```
#2ecc1f rgb(46,204,31)
```
#36de26
```
#36de26 rgb(54,222,38)
```
#4be13d
```
#4be13d rgb(75,225,61)
```
#5fe553
```
#5fe553 rgb(95,229,83)
```

Monochromatic Color

Below, you can see some colors close to #2ecc1f. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.

#59cc1f
```
#59cc1f rgb(89,204,31)
```
#4bcc1f
```
#4bcc1f rgb(75,204,31)
```
#3ccc1f
```
#3ccc1f rgb(60,204,31)
```
#2ecc1f
```
#2ecc1f rgb(46,204,31)
```
#20cc1f
```
#20cc1f rgb(32,204,31)
```
#1fcc2d
```
#1fcc2d rgb(31,204,45)
```
#1fcc3b
```
#1fcc3b rgb(31,204,59)
```

Similar Colors

Text with hexadecimal color #2ecc1f

This text has a font color of #2ecc1f.

<span style="color:#2ecc1f;">Text here</span>

#2ecc1f background color

This paragraph has a background color of #2ecc1f.

<p style="background-color:#2ecc1f;">Content here</p>

#2ecc1f border color

This element has a border color of #2ecc1f.

<div style="border:1px solid #2ecc1f;">Content here</div>

CSS codes

.text {color:#2ecc1f;}

.background {background-color:#2ecc1f;}

.border {border:1px solid #2ecc1f;}

A shade is achieved by adding black to any pure hue, while a tint is created by mixing white to any pure color. In this example, #041103 is the darkest color, while #ffffff is the lightest one.

#041103
```
#041103 rgb(4,17,3)
```
#082205
```
#082205 rgb(8,34,5)
```
#0b3308
```
#0b3308 rgb(11,51,8)
```
#0f440a
```
#0f440a rgb(15,68,10)
```
#13550d
```
#13550d rgb(19,85,13)
```
#17660f
```
#17660f rgb(23,102,15)
```
#1b7712
```
#1b7712 rgb(27,119,18)
```
#1f8815
```
#1f8815 rgb(31,136,21)
```
#229917
```
#229917 rgb(34,153,23)
```
#26aa1a
```
#26aa1a rgb(38,170,26)
```
#2abb1c
```
#2abb1c rgb(42,187,28)
```
#2ecc1f
```
#2ecc1f rgb(46,204,31)
```
#32dd22
```
#32dd22 rgb(50,221,34)
```

Shade Color Variation

#41e032
```
#41e032 rgb(65,224,50)
```
#51e243
```
#51e243 rgb(81,226,67)
```
#61e554
```
#61e554 rgb(97,229,84)
```
#71e865
```
#71e865 rgb(113,232,101)
```
#80ea76
```
#80ea76 rgb(128,234,118)
```
#90ed87
```
#90ed87 rgb(144,237,135)
```
#a0ef98
```
#a0ef98 rgb(160,239,152)
```
#b0f2aa
```
#b0f2aa rgb(176,242,170)
```
#c0f5bb
```
#c0f5bb rgb(192,245,187)
```
#cff7cc
```
#cff7cc rgb(207,247,204)
```
#dffadd
```
#dffadd rgb(223,250,221)
```
#effcee
```
#effcee rgb(239,252,238)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #717b70 is the less saturated color, while #18e704 is the most saturated one.

#717b70
```
#717b70 rgb(113,123,112)
```
#6a8467
```
#6a8467 rgb(106,132,103)
```
#628d5e
```
#628d5e rgb(98,141,94)
```
#5b9655
```
#5b9655 rgb(91,150,85)
```
#539f4c
```
#539f4c rgb(83,159,76)
```
#4ca843
```
#4ca843 rgb(76,168,67)
```
#44b13a
```
#44b13a rgb(68,177,58)
```
#3dba31
```
#3dba31 rgb(61,186,49)
```
#35c328
```
#35c328 rgb(53,195,40)
```
#2ecc1f
```
#2ecc1f rgb(46,204,31)
```
#27d516
```
#27d516 rgb(39,213,22)
```
#1fde0d
```
#1fde0d rgb(31,222,13)
```
#18e704
```
#18e704 rgb(24,231,4)
```

Tone Color Variation

Below, you can see how #2ecc1f is perceived by people affected by a color vision deficiency. This can be useful if you need to ensure your color combinations are accessible to color-blind users.

Monochromacy

#898989 Achromatopsia 0.005% of the population
#779674 Atypical Achromatopsia 0.001% of the population

Dichromacy

#cab523 Protanopia 1% of men
#e0ac40 Deuteranopia 1% of men
#6dc1cf Tritanopia 0.001% of the population

Trichromacy

#91bd21 Protanomaly 1% of men, 0.01% of women
#9fb734 Deuteranomaly 6% of men, 0.4% of women
#56c58f Tritanomaly 0.01% of the population

#2ecc1f hex color

#2ecc1f Color Information

#2ecc1f Color Conversion

Color Schemes with #2ecc1f

Alternatives to #2ecc1f

#2ecc1f Preview

Shades and Tints of #2ecc1f

Tones of #2ecc1f

Color Blindness Simulator