#2ecc00 hex color

In a RGB color space, hex #2ecc00 is composed of 18% red, 80% green and 0% blue. Whereas in a CMYK color space, it is composed of 77.5% cyan, 0% magenta, 100% yellow and 20% black. It has a hue angle of 106.5 degrees, a saturation of 100% and a lightness of 40%. #2ecc00 color hex could be obtained by blending #5cff00 with #009900. Closest websafe color is: #33cc00.

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

● #2ecc00 color description : Strong lime green.

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

Hex triplet	2ecc00	`#2ecc00`
RGB Decimal	46, 204, 0	`rgb(46,204,0)`
RGB Percent	18, 80, 0	`rgb(18%,80%,0%)`
CMYK	77, 0, 100, 20
HSL	106.5°, 100, 40	`hsl(106.5,100%,40%)`
HSV (or HSB)	106.5°, 100, 80
Web Safe	33cc00	`#33cc00`

CIE-LAB	72.071, -69.314, 70.783
XYZ	22.718, 43.764, 7.25
xyY	0.308, 0.594, 43.764
CIE-LCH	72.071, 99.069, 134.399
CIE-LUV	72.071, -63.891, 87.694
Hunter-Lab	66.155, -54.471, 39.81
Binary	00101110, 11001100, 00000000

#2ecc00
```
#2ecc00 rgb(46,204,0)
```
#9e00cc
```
#9e00cc rgb(158,0,204)
```

Complementary Color

#94cc00
```
#94cc00 rgb(148,204,0)
```
#2ecc00
```
#2ecc00 rgb(46,204,0)
```
#00cc38
```
#00cc38 rgb(0,204,56)
```

Analogous Color

#cc0094
```
#cc0094 rgb(204,0,148)
```
#2ecc00
```
#2ecc00 rgb(46,204,0)
```
#3800cc
```
#3800cc rgb(56,0,204)
```

Split Complementary Color

#cc002e
```
#cc002e rgb(204,0,46)
```
#2ecc00
```
#2ecc00 rgb(46,204,0)
```
#002ecc
```
#002ecc rgb(0,46,204)
```

Triadic Color

#cc9e00
```
#cc9e00 rgb(204,158,0)
```
#2ecc00
```
#2ecc00 rgb(46,204,0)
```
#002ecc
```
#002ecc rgb(0,46,204)
```
#9e00cc
```
#9e00cc rgb(158,0,204)
```

Tetradic Color

#1d8000
```
#1d8000 rgb(29,128,0)
```
#239900
```
#239900 rgb(35,153,0)
```
#28b300
```
#28b300 rgb(40,179,0)
```
#2ecc00
```
#2ecc00 rgb(46,204,0)
```
#34e600
```
#34e600 rgb(52,230,0)
```
#3aff00
```
#3aff00 rgb(58,255,0)
```
#4dff1a
```
#4dff1a rgb(77,255,26)
```

Monochromatic Color

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

#61cc00
```
#61cc00 rgb(97,204,0)
```
#50cc00
```
#50cc00 rgb(80,204,0)
```
#3fcc00
```
#3fcc00 rgb(63,204,0)
```
#2ecc00
```
#2ecc00 rgb(46,204,0)
```
#1dcc00
```
#1dcc00 rgb(29,204,0)
```
#0ccc00
```
#0ccc00 rgb(12,204,0)
```
#00cc05
```
#00cc05 rgb(0,204,5)
```

Similar Colors

Text with hexadecimal color #2ecc00

This text has a font color of #2ecc00.

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

#2ecc00 background color

This paragraph has a background color of #2ecc00.

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

#2ecc00 border color

This element has a border color of #2ecc00.

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

CSS codes

.text {color:#2ecc00;}

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

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

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, #020800 is the darkest color, while #f6fff3 is the lightest one.

#020800
```
#020800 rgb(2,8,0)
```
#061b00
```
#061b00 rgb(6,27,0)
```
#0b2f00
```
#0b2f00 rgb(11,47,0)
```
#0f4300
```
#0f4300 rgb(15,67,0)
```
#135600
```
#135600 rgb(19,86,0)
```
#186a00
```
#186a00 rgb(24,106,0)
```
#1c7e00
```
#1c7e00 rgb(28,126,0)
```
#219100
```
#219100 rgb(33,145,0)
```
#25a500
```
#25a500 rgb(37,165,0)
```
#2ab800
```
#2ab800 rgb(42,184,0)
```
#2ecc00
```
#2ecc00 rgb(46,204,0)
```
#32e000
```
#32e000 rgb(50,224,0)
```
#37f300
```
#37f300 rgb(55,243,0)
```

Shade Color Variation

#40ff08
```
#40ff08 rgb(64,255,8)
```
#4fff1b
```
#4fff1b rgb(79,255,27)
```
#5eff2f
```
#5eff2f rgb(94,255,47)
```
#6dff43
```
#6dff43 rgb(109,255,67)
```
#7cff56
```
#7cff56 rgb(124,255,86)
```
#8cff6a
```
#8cff6a rgb(140,255,106)
```
#9bff7e
```
#9bff7e rgb(155,255,126)
```
#aaff91
```
#aaff91 rgb(170,255,145)
```
#b9ffa5
```
#b9ffa5 rgb(185,255,165)
```
#c8ffb8
```
#c8ffb8 rgb(200,255,184)
```
#d8ffcc
```
#d8ffcc rgb(216,255,204)
```
#e7ffe0
```
#e7ffe0 rgb(231,255,224)
```
#f6fff3
```
#f6fff3 rgb(246,255,243)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #626e5e is the less saturated color, while #2ecc00 is the most saturated one.

#626e5e
```
#626e5e rgb(98,110,94)
```
#5d7656
```
#5d7656 rgb(93,118,86)
```
#597e4e
```
#597e4e rgb(89,126,78)
```
#558547
```
#558547 rgb(85,133,71)
```
#508d3f
```
#508d3f rgb(80,141,63)
```
#4c9537
```
#4c9537 rgb(76,149,55)
```
#489d2f
```
#489d2f rgb(72,157,47)
```
#44a527
```
#44a527 rgb(68,165,39)
```
#3fad1f
```
#3fad1f rgb(63,173,31)
```
#3bb418
```
#3bb418 rgb(59,180,24)
```
#37bc10
```
#37bc10 rgb(55,188,16)
```
#32c408
```
#32c408 rgb(50,196,8)
```
#2ecc00
```
#2ecc00 rgb(46,204,0)
```

Tone Color Variation

Below, you can see how #2ecc00 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

#868686 Achromatopsia 0.005% of the population
#74946b Atypical Achromatopsia 0.001% of the population

Dichromacy

#cab500 Protanopia 1% of men
#e0ac33 Deuteranopia 1% of men
#6ec0ce Tritanopia 0.001% of the population

Trichromacy

#91bd00 Protanomaly 1% of men, 0.01% of women
#9fb721 Deuteranomaly 6% of men, 0.4% of women
#56c483 Tritanomaly 0.01% of the population

#2ecc00 hex color

#2ecc00 Color Information

#2ecc00 Color Conversion

Color Schemes with #2ecc00

Alternatives to #2ecc00

#2ecc00 Preview

Shades and Tints of #2ecc00

Tones of #2ecc00

Color Blindness Simulator