#2ed377 hex color

In a RGB color space, hex #2ed377 is composed of 18% red, 82.7% green and 46.7% blue. Whereas in a CMYK color space, it is composed of 78.2% cyan, 0% magenta, 43.6% yellow and 17.3% black. It has a hue angle of 146.5 degrees, a saturation of 65.2% and a lightness of 50.4%. #2ed377 color hex could be obtained by blending #5cffee with #00a700. Closest websafe color is: #33cc66.

♥
- f
- t
- g
- R 18
- G 83
- B 47
RGB color chart
- C 78
- M 0
- Y 44
- K 17
CMYK color chart

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

The hexadecimal color #2ed377 has RGB values of R:46, G:211, B:119 and CMYK values of C:0.78, M:0, Y:0.44, K:0.17. Its decimal value is 3068791.

Hex triplet	2ed377	`#2ed377`
RGB Decimal	46, 211, 119	`rgb(46,211,119)`
RGB Percent	18, 82.7, 46.7	`rgb(18%,82.7%,46.7%)`
CMYK	78, 0, 44, 17
HSL	146.5°, 65.2, 50.4	`hsl(146.5,65.2%,50.4%)`
HSV (or HSB)	146.5°, 78.2, 82.7
Web Safe	33cc66	`#33cc66`

CIE-LAB	75.138, -61.142, 34.097
XYZ	27.749, 48.498, 25.35
xyY	0.273, 0.477, 48.498
CIE-LCH	75.138, 70.007, 150.853
CIE-LUV	75.138, -62.824, 55.426
Hunter-Lab	69.641, -50.747, 27.166
Binary	00101110, 11010011, 01110111

#2ed377
```
#2ed377 rgb(46,211,119)
```
#d32e8a
```
#d32e8a rgb(211,46,138)
```

Complementary Color

#38d32e
```
#38d32e rgb(56,211,46)
```
#2ed377
```
#2ed377 rgb(46,211,119)
```
#2ed3ca
```
#2ed3ca rgb(46,211,202)
```

Analogous Color

#d32e38
```
#d32e38 rgb(211,46,56)
```
#2ed377
```
#2ed377 rgb(46,211,119)
```
#ca2ed3
```
#ca2ed3 rgb(202,46,211)
```

Split Complementary Color

#d3772e
```
#d3772e rgb(211,119,46)
```
#2ed377
```
#2ed377 rgb(46,211,119)
```
#772ed3
```
#772ed3 rgb(119,46,211)
```

Triadic Color

#8ad32e
```
#8ad32e rgb(138,211,46)
```
#2ed377
```
#2ed377 rgb(46,211,119)
```
#772ed3
```
#772ed3 rgb(119,46,211)
```
#d32e8a
```
#d32e8a rgb(211,46,138)
```

Tetradic Color

#1f9553
```
#1f9553 rgb(31,149,83)
```
#24aa5f
```
#24aa5f rgb(36,170,95)
```
#28bf6b
```
#28bf6b rgb(40,191,107)
```
#2ed377
```
#2ed377 rgb(46,211,119)
```
#43d785
```
#43d785 rgb(67,215,133)
```
#58dc92
```
#58dc92 rgb(88,220,146)
```
#6de0a0
```
#6de0a0 rgb(109,224,160)
```

Monochromatic Color

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

#2ed34e
```
#2ed34e rgb(46,211,78)
```
#2ed35c
```
#2ed35c rgb(46,211,92)
```
#2ed369
```
#2ed369 rgb(46,211,105)
```
#2ed377
```
#2ed377 rgb(46,211,119)
```
#2ed385
```
#2ed385 rgb(46,211,133)
```
#2ed393
```
#2ed393 rgb(46,211,147)
```
#2ed3a0
```
#2ed3a0 rgb(46,211,160)
```

Similar Colors

Text with hexadecimal color #2ed377

This text has a font color of #2ed377.

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

#2ed377 background color

This paragraph has a background color of #2ed377.

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

#2ed377 border color

This element has a border color of #2ed377.

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

CSS codes

.text {color:#2ed377;}

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

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

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

#000201
```
#000201 rgb(0,2,1)
```
#04120a
```
#04120a rgb(4,18,10)
```
#072213
```
#072213 rgb(7,34,19)
```
#0b321c
```
#0b321c rgb(11,50,28)
```
#0e4225
```
#0e4225 rgb(14,66,37)
```
#11532e
```
#11532e rgb(17,83,46)
```
#156337
```
#156337 rgb(21,99,55)
```
#187340
```
#187340 rgb(24,115,64)
```
#1c8349
```
#1c8349 rgb(28,131,73)
```
#1f9353
```
#1f9353 rgb(31,147,83)
```
#22a45c
```
#22a45c rgb(34,164,92)
```
#26b465
```
#26b465 rgb(38,180,101)
```
#29c46e
```
#29c46e rgb(41,196,110)
```

Shade Color Variation

#2ed377
```
#2ed377 rgb(46,211,119)
```
#3ed682
```
#3ed682 rgb(62,214,130)
```
#4eda8c
```
#4eda8c rgb(78,218,140)
```
#5fdd97
```
#5fdd97 rgb(95,221,151)
```
#6fe1a1
```
#6fe1a1 rgb(111,225,161)
```
#7fe4ac
```
#7fe4ac rgb(127,228,172)
```
#8fe7b6
```
#8fe7b6 rgb(143,231,182)
```
#9febc1
```
#9febc1 rgb(159,235,193)
```
#b0eecb
```
#b0eecb rgb(176,238,203)
```
#c0f2d6
```
#c0f2d6 rgb(192,242,214)
```
#d0f5e0
```
#d0f5e0 rgb(208,245,224)
```
#e0f9eb
```
#e0f9eb rgb(224,249,235)
```
#f0fcf6
```
#f0fcf6 rgb(240,252,246)
```

Tint Color Variation

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

#7c8580
```
#7c8580 rgb(124,133,128)
```
#728f7f
```
#728f7f rgb(114,143,127)
```
#68997e
```
#68997e rgb(104,153,126)
```
#5fa27d
```
#5fa27d rgb(95,162,125)
```
#55ac7b
```
#55ac7b rgb(85,172,123)
```
#4bb67a
```
#4bb67a rgb(75,182,122)
```
#41c079
```
#41c079 rgb(65,192,121)
```
#38c978
```
#38c978 rgb(56,201,120)
```
#2ed377
```
#2ed377 rgb(46,211,119)
```
#24dd76
```
#24dd76 rgb(36,221,118)
```
#1be675
```
#1be675 rgb(27,230,117)
```
#11f074
```
#11f074 rgb(17,240,116)
```
#07fa73
```
#07fa73 rgb(7,250,115)
```

Tone Color Variation

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

#979797 Achromatopsia 0.005% of the population
#82a391 Atypical Achromatopsia 0.001% of the population

Dichromacy

#cdbc75 Protanopia 1% of men
#deb589 Deuteranopia 1% of men
#67cad9 Tritanopia 0.001% of the population

Trichromacy

#93c475 Protanomaly 1% of men, 0.01% of women
#9ec082 Deuteranomaly 6% of men, 0.4% of women
#52cdb5 Tritanomaly 0.01% of the population

#2ed377 hex color

#2ed377 Color Information

#2ed377 Color Conversion

Color Schemes with #2ed377

Alternatives to #2ed377

#2ed377 Preview

Shades and Tints of #2ed377

Tones of #2ed377

Color Blindness Simulator