#2ed980 hex color

In a RGB color space, hex #2ed980 is composed of 18% red, 85.1% green and 50.2% blue. Whereas in a CMYK color space, it is composed of 78.8% cyan, 0% magenta, 41% yellow and 14.9% black. It has a hue angle of 148.8 degrees, a saturation of 69.2% and a lightness of 51.6%. #2ed980 color hex could be obtained by blending #5cffff with #00b301. Closest websafe color is: #33cc99.

♥
- f
- t
- g
- R 18
- G 85
- B 50
RGB color chart
- C 79
- M 0
- Y 41
- K 15
CMYK color chart

● #2ed980 color description : Bright cyan - lime green.

The hexadecimal color #2ed980 has RGB values of R:46, G:217, B:128 and CMYK values of C:0.79, M:0, Y:0.41, K:0.15. Its decimal value is 3070336.

Hex triplet	2ed980	`#2ed980`
RGB Decimal	46, 217, 128	`rgb(46,217,128)`
RGB Percent	18, 85.1, 50.2	`rgb(18%,85.1%,50.2%)`
CMYK	79, 0, 41, 15
HSL	148.8°, 69.2, 51.6	`hsl(148.8,69.2%,51.6%)`
HSV (or HSB)	148.8°, 78.8, 85.1
Web Safe	33cc99	`#33cc99`

CIE-LAB	77.138, -61.656, 32.141
XYZ	29.834, 51.762, 28.84
xyY	0.27, 0.469, 51.762
CIE-LCH	77.138, 69.531, 152.467
CIE-LUV	77.138, -64.353, 53.618
Hunter-Lab	71.946, -51.887, 26.596
Binary	00101110, 11011001, 10000000

#2ed980
```
#2ed980 rgb(46,217,128)
```
#d92e87
```
#d92e87 rgb(217,46,135)
```

Complementary Color

#32d92e
```
#32d92e rgb(50,217,46)
```
#2ed980
```
#2ed980 rgb(46,217,128)
```
#2ed9d6
```
#2ed9d6 rgb(46,217,214)
```

Analogous Color

#d92e31
```
#d92e31 rgb(217,46,49)
```
#2ed980
```
#2ed980 rgb(46,217,128)
```
#d62ed9
```
#d62ed9 rgb(214,46,217)
```

Split Complementary Color

#d9802e
```
#d9802e rgb(217,128,46)
```
#2ed980
```
#2ed980 rgb(46,217,128)
```
#802ed9
```
#802ed9 rgb(128,46,217)
```

Triadic Color

#87d92e
```
#87d92e rgb(135,217,46)
```
#2ed980
```
#2ed980 rgb(46,217,128)
```
#802ed9
```
#802ed9 rgb(128,46,217)
```
#d92e87
```
#d92e87 rgb(217,46,135)
```

Tetradic Color

#1d9e5b
```
#1d9e5b rgb(29,158,91)
```
#21b367
```
#21b367 rgb(33,179,103)
```
#25c973
```
#25c973 rgb(37,201,115)
```
#2ed980
```
#2ed980 rgb(46,217,128)
```
#44dd8d
```
#44dd8d rgb(68,221,141)
```
#59e19a
```
#59e19a rgb(89,225,154)
```
#6fe5a7
```
#6fe5a7 rgb(111,229,167)
```

Monochromatic Color

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

#2ed955
```
#2ed955 rgb(46,217,85)
```
#2ed964
```
#2ed964 rgb(46,217,100)
```
#2ed972
```
#2ed972 rgb(46,217,114)
```
#2ed980
```
#2ed980 rgb(46,217,128)
```
#2ed98e
```
#2ed98e rgb(46,217,142)
```
#2ed99d
```
#2ed99d rgb(46,217,157)
```
#2ed9ab
```
#2ed9ab rgb(46,217,171)
```

Similar Colors

Text with hexadecimal color #2ed980

This text has a font color of #2ed980.

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

#2ed980 background color

This paragraph has a background color of #2ed980.

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

#2ed980 border color

This element has a border color of #2ed980.

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

CSS codes

.text {color:#2ed980;}

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

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

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

#010704
```
#010704 rgb(1,7,4)
```
#04170d
```
#04170d rgb(4,23,13)
```
#072817
```
#072817 rgb(7,40,23)
```
#0a3920
```
#0a3920 rgb(10,57,32)
```
#0d492a
```
#0d492a rgb(13,73,42)
```
#105a34
```
#105a34 rgb(16,90,52)
```
#136a3d
```
#136a3d rgb(19,106,61)
```
#167b47
```
#167b47 rgb(22,123,71)
```
#198c50
```
#198c50 rgb(25,140,80)
```
#1c9c5a
```
#1c9c5a rgb(28,156,90)
```
#1fad63
```
#1fad63 rgb(31,173,99)
```
#22bd6d
```
#22bd6d rgb(34,189,109)
```
#25ce76
```
#25ce76 rgb(37,206,118)
```

Shade Color Variation

#2ed980
```
#2ed980 rgb(46,217,128)
```
#3fdc8a
```
#3fdc8a rgb(63,220,138)
```
#4fdf94
```
#4fdf94 rgb(79,223,148)
```
#60e29e
```
#60e29e rgb(96,226,158)
```
#70e5a8
```
#70e5a8 rgb(112,229,168)
```
#81e8b2
```
#81e8b2 rgb(129,232,178)
```
#92ebbd
```
#92ebbd rgb(146,235,189)
```
#a2eec7
```
#a2eec7 rgb(162,238,199)
```
#b3f1d1
```
#b3f1d1 rgb(179,241,209)
```
#c3f4db
```
#c3f4db rgb(195,244,219)
```
#d4f7e5
```
#d4f7e5 rgb(212,247,229)
```
#e5faef
```
#e5faef rgb(229,250,239)
```
#f5fdf9
```
#f5fdf9 rgb(245,253,249)
```

Tint Color Variation

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

#7a8d83
```
#7a8d83 rgb(122,141,131)
```
#719783
```
#719783 rgb(113,151,131)
```
#67a082
```
#67a082 rgb(103,160,130)
```
#5eaa82
```
#5eaa82 rgb(94,170,130)
```
#54b382
```
#54b382 rgb(84,179,130)
```
#4bbd81
```
#4bbd81 rgb(75,189,129)
```
#41c681
```
#41c681 rgb(65,198,129)
```
#38d080
```
#38d080 rgb(56,208,128)
```
#2ed980
```
#2ed980 rgb(46,217,128)
```
#25e380
```
#25e380 rgb(37,227,128)
```
#1bec7f
```
#1bec7f rgb(27,236,127)
```
#12f67f
```
#12f67f rgb(18,246,127)
```
#08ff7e
```
#08ff7e rgb(8,255,126)
```

Tone Color Variation

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

#9c9c9c Achromatopsia 0.005% of the population
#86a896 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d2c17d Protanopia 1% of men
#e3ba91 Deuteranopia 1% of men
#68d0df Tritanopia 0.001% of the population

Trichromacy

#96ca7e Protanomaly 1% of men, 0.01% of women
#a1c58b Deuteranomaly 6% of men, 0.4% of women
#53d3bc Tritanomaly 0.01% of the population

#2ed980 hex color

#2ed980 Color Information

#2ed980 Color Conversion

Color Schemes with #2ed980

Alternatives to #2ed980

#2ed980 Preview

Shades and Tints of #2ed980

Tones of #2ed980

Color Blindness Simulator