#2ecc85 hex color

In a RGB color space, hex #2ecc85 is composed of 18% red, 80% green and 52.2% blue. Whereas in a CMYK color space, it is composed of 77.5% cyan, 0% magenta, 34.8% yellow and 20% black. It has a hue angle of 153 degrees, a saturation of 63.2% and a lightness of 49%. #2ecc85 color hex could be obtained by blending #5cffff with #00990b. Closest websafe color is: #33cc99.

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

● #2ecc85 color description : Strong cyan - lime green.

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

Hex triplet	2ecc85	`#2ecc85`
RGB Decimal	46, 204, 133	`rgb(46,204,133)`
RGB Percent	18, 80, 52.2	`rgb(18%,80%,52.2%)`
CMYK	77, 0, 35, 20
HSL	153°, 63.2, 49	`hsl(153,63.2%,49%)`
HSV (or HSB)	153°, 77.5, 80
Web Safe	33cc99	`#33cc99`

CIE-LAB	73.192, -55.963, 24.302
XYZ	26.951, 45.457, 29.543
xyY	0.264, 0.446, 45.457
CIE-LCH	73.192, 61.011, 156.527
CIE-LUV	73.192, -59.612, 42.533
Hunter-Lab	67.422, -46.635, 21.216
Binary	00101110, 11001100, 10000101

#2ecc85
```
#2ecc85 rgb(46,204,133)
```
#cc2e75
```
#cc2e75 rgb(204,46,117)
```

Complementary Color

#2ecc36
```
#2ecc36 rgb(46,204,54)
```
#2ecc85
```
#2ecc85 rgb(46,204,133)
```
#2ec4cc
```
#2ec4cc rgb(46,196,204)
```

Analogous Color

#cc362e
```
#cc362e rgb(204,54,46)
```
#2ecc85
```
#2ecc85 rgb(46,204,133)
```
#cc2ec4
```
#cc2ec4 rgb(204,46,196)
```

Split Complementary Color

#cc852e
```
#cc852e rgb(204,133,46)
```
#2ecc85
```
#2ecc85 rgb(46,204,133)
```
#852ecc
```
#852ecc rgb(133,46,204)
```

Triadic Color

#75cc2e
```
#75cc2e rgb(117,204,46)
```
#2ecc85
```
#2ecc85 rgb(46,204,133)
```
#852ecc
```
#852ecc rgb(133,46,204)
```
#cc2e75
```
#cc2e75 rgb(204,46,117)
```

Tetradic Color

#208e5c
```
#208e5c rgb(32,142,92)
```
#25a26a
```
#25a26a rgb(37,162,106)
```
#29b777
```
#29b777 rgb(41,183,119)
```
#2ecc85
```
#2ecc85 rgb(46,204,133)
```
#40d491
```
#40d491 rgb(64,212,145)
```
#54d99d
```
#54d99d rgb(84,217,157)
```
#69dda9
```
#69dda9 rgb(105,221,169)
```

Monochromatic Color

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

#2ecc5e
```
#2ecc5e rgb(46,204,94)
```
#2ecc6b
```
#2ecc6b rgb(46,204,107)
```
#2ecc78
```
#2ecc78 rgb(46,204,120)
```
#2ecc85
```
#2ecc85 rgb(46,204,133)
```
#2ecc92
```
#2ecc92 rgb(46,204,146)
```
#2ecc9f
```
#2ecc9f rgb(46,204,159)
```
#2eccad
```
#2eccad rgb(46,204,173)
```

Similar Colors

Text with hexadecimal color #2ecc85

This text has a font color of #2ecc85.

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

#2ecc85 background color

This paragraph has a background color of #2ecc85.

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

#2ecc85 border color

This element has a border color of #2ecc85.

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

CSS codes

.text {color:#2ecc85;}

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

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

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, #030c08 is the darkest color, while #fbfefd is the lightest one.

#030c08
```
#030c08 rgb(3,12,8)
```
#061c12
```
#061c12 rgb(6,28,18)
```
#0a2c1d
```
#0a2c1d rgb(10,44,29)
```
#0e3c27
```
#0e3c27 rgb(14,60,39)
```
#114c32
```
#114c32 rgb(17,76,50)
```
#155c3c
```
#155c3c rgb(21,92,60)
```
#186c46
```
#186c46 rgb(24,108,70)
```
#1c7c51
```
#1c7c51 rgb(28,124,81)
```
#208c5b
```
#208c5b rgb(32,140,91)
```
#239c66
```
#239c66 rgb(35,156,102)
```
#27ac70
```
#27ac70 rgb(39,172,112)
```
#2abc7b
```
#2abc7b rgb(42,188,123)
```
#2ecc85
```
#2ecc85 rgb(46,204,133)
```

Shade Color Variation

#3bd38f
```
#3bd38f rgb(59,211,143)
```
#4bd698
```
#4bd698 rgb(75,214,152)
```
#5bdaa1
```
#5bdaa1 rgb(91,218,161)
```
#6bdeaa
```
#6bdeaa rgb(107,222,170)
```
#7be1b3
```
#7be1b3 rgb(123,225,179)
```
#8be5bc
```
#8be5bc rgb(139,229,188)
```
#9be8c6
```
#9be8c6 rgb(155,232,198)
```
#abeccf
```
#abeccf rgb(171,236,207)
```
#bbf0d8
```
#bbf0d8 rgb(187,240,216)
```
#cbf3e1
```
#cbf3e1 rgb(203,243,225)
```
#dbf7ea
```
#dbf7ea rgb(219,247,234)
```
#ebfaf3
```
#ebfaf3 rgb(235,250,243)
```
#fbfefd
```
#fbfefd rgb(251,254,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #7b7f7d is the less saturated color, while #08f289 is the most saturated one.

#7b7f7d
```
#7b7f7d rgb(123,127,125)
```
#71897e
```
#71897e rgb(113,137,126)
```
#68927f
```
#68927f rgb(104,146,127)
```
#5e9c80
```
#5e9c80 rgb(94,156,128)
```
#54a681
```
#54a681 rgb(84,166,129)
```
#4baf82
```
#4baf82 rgb(75,175,130)
```
#41b983
```
#41b983 rgb(65,185,131)
```
#38c284
```
#38c284 rgb(56,194,132)
```
#2ecc85
```
#2ecc85 rgb(46,204,133)
```
#24d686
```
#24d686 rgb(36,214,134)
```
#1bdf87
```
#1bdf87 rgb(27,223,135)
```
#11e988
```
#11e988 rgb(17,233,136)
```
#08f289
```
#08f289 rgb(8,242,137)
```

Tone Color Variation

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

#959595 Achromatopsia 0.005% of the population
#80a092 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c5b781 Protanopia 1% of men
#d4b095 Deuteranopia 1% of men
#61c5d3 Tritanopia 0.001% of the population

Trichromacy

#8ebe83 Protanomaly 1% of men, 0.01% of women
#97ba8f Deuteranomaly 6% of men, 0.4% of women
#4ec7b7 Tritanomaly 0.01% of the population

#2ecc85 hex color

#2ecc85 Color Information

#2ecc85 Color Conversion

Color Schemes with #2ecc85

Alternatives to #2ecc85

#2ecc85 Preview

Shades and Tints of #2ecc85

Tones of #2ecc85

Color Blindness Simulator