#2ed580 hex color

In a RGB color space, hex #2ed580 is composed of 18% red, 83.5% green and 50.2% blue. Whereas in a CMYK color space, it is composed of 78.4% cyan, 0% magenta, 39.9% yellow and 16.5% black. It has a hue angle of 149.5 degrees, a saturation of 66.5% and a lightness of 50.8%. #2ed580 color hex could be obtained by blending #5cffff with #00ab01. Closest websafe color is: #33cc99.

♥
- f
- t
- g
- R 18
- G 84
- B 50
RGB color chart
- C 78
- M 0
- Y 40
- K 16
CMYK color chart

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

The hexadecimal color #2ed580 has RGB values of R:46, G:213, B:128 and CMYK values of C:0.78, M:0, Y:0.4, K:0.16. Its decimal value is 3069312.

Hex triplet	2ed580	`#2ed580`
RGB Decimal	46, 213, 128	`rgb(46,213,128)`
RGB Percent	18, 83.5, 50.2	`rgb(18%,83.5%,50.2%)`
CMYK	78, 0, 40, 16
HSL	149.5°, 66.5, 50.8	`hsl(149.5,66.5%,50.8%)`
HSV (or HSB)	149.5°, 78.4, 83.5
Web Safe	33cc99	`#33cc99`

CIE-LAB	75.9, -60.231, 30.513
XYZ	28.815, 49.725, 28.5
xyY	0.269, 0.465, 49.725
CIE-LCH	75.9, 67.519, 153.133
CIE-LUV	75.9, -62.996, 51.236
Hunter-Lab	70.516, -50.462, 25.398
Binary	00101110, 11010101, 10000000

#2ed580
```
#2ed580 rgb(46,213,128)
```
#d52e83
```
#d52e83 rgb(213,46,131)
```

Complementary Color

#30d52e
```
#30d52e rgb(48,213,46)
```
#2ed580
```
#2ed580 rgb(46,213,128)
```
#2ed5d4
```
#2ed5d4 rgb(46,213,212)
```

Analogous Color

#d52e30
```
#d52e30 rgb(213,46,48)
```
#2ed580
```
#2ed580 rgb(46,213,128)
```
#d42ed5
```
#d42ed5 rgb(212,46,213)
```

Split Complementary Color

#d5802e
```
#d5802e rgb(213,128,46)
```
#2ed580
```
#2ed580 rgb(46,213,128)
```
#802ed5
```
#802ed5 rgb(128,46,213)
```

Triadic Color

#83d52e
```
#83d52e rgb(131,213,46)
```
#2ed580
```
#2ed580 rgb(46,213,128)
```
#802ed5
```
#802ed5 rgb(128,46,213)
```
#d52e83
```
#d52e83 rgb(213,46,131)
```

Tetradic Color

#1f985a
```
#1f985a rgb(31,152,90)
```
#23ad67
```
#23ad67 rgb(35,173,103)
```
#27c273
```
#27c273 rgb(39,194,115)
```
#2ed580
```
#2ed580 rgb(46,213,128)
```
#43d98d
```
#43d98d rgb(67,217,141)
```
#58de9a
```
#58de9a rgb(88,222,154)
```
#6ee2a7
```
#6ee2a7 rgb(110,226,167)
```

Monochromatic Color

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

#2ed556
```
#2ed556 rgb(46,213,86)
```
#2ed564
```
#2ed564 rgb(46,213,100)
```
#2ed572
```
#2ed572 rgb(46,213,114)
```
#2ed580
```
#2ed580 rgb(46,213,128)
```
#2ed58e
```
#2ed58e rgb(46,213,142)
```
#2ed59c
```
#2ed59c rgb(46,213,156)
```
#2ed5aa
```
#2ed5aa rgb(46,213,170)
```

Similar Colors

Text with hexadecimal color #2ed580

This text has a font color of #2ed580.

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

#2ed580 background color

This paragraph has a background color of #2ed580.

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

#2ed580 border color

This element has a border color of #2ed580.

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

CSS codes

.text {color:#2ed580;}

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

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

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

#010302
```
#010302 rgb(1,3,2)
```
#04140c
```
#04140c rgb(4,20,12)
```
#072415
```
#072415 rgb(7,36,21)
```
#0b341f
```
#0b341f rgb(11,52,31)
```
#0e4529
```
#0e4529 rgb(14,69,41)
```
#115532
```
#115532 rgb(17,85,50)
```
#14653c
```
#14653c rgb(20,101,60)
```
#187646
```
#187646 rgb(24,118,70)
```
#1b864f
```
#1b864f rgb(27,134,79)
```
#1e9659
```
#1e9659 rgb(30,150,89)
```
#21a763
```
#21a763 rgb(33,167,99)
```
#25b76d
```
#25b76d rgb(37,183,109)
```
#28c776
```
#28c776 rgb(40,199,118)
```

Shade Color Variation

#2ed580
```
#2ed580 rgb(46,213,128)
```
#3ed88a
```
#3ed88a rgb(62,216,138)
```
#4fdc94
```
#4fdc94 rgb(79,220,148)
```
#5fdf9e
```
#5fdf9e rgb(95,223,158)
```
#6fe2a8
```
#6fe2a8 rgb(111,226,168)
```
#80e5b2
```
#80e5b2 rgb(128,229,178)
```
#90e9bc
```
#90e9bc rgb(144,233,188)
```
#a0ecc5
```
#a0ecc5 rgb(160,236,197)
```
#b1efcf
```
#b1efcf rgb(177,239,207)
```
#c1f3d9
```
#c1f3d9 rgb(193,243,217)
```
#d1f6e3
```
#d1f6e3 rgb(209,246,227)
```
#e2f9ed
```
#e2f9ed rgb(226,249,237)
```
#f2fcf7
```
#f2fcf7 rgb(242,252,247)
```

Tint Color Variation

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

#7b8881
```
#7b8881 rgb(123,136,129)
```
#729181
```
#729181 rgb(114,145,129)
```
#689b81
```
#689b81 rgb(104,155,129)
```
#5ea581
```
#5ea581 rgb(94,165,129)
```
#55ae81
```
#55ae81 rgb(85,174,129)
```
#4bb881
```
#4bb881 rgb(75,184,129)
```
#41c280
```
#41c280 rgb(65,194,128)
```
#38cb80
```
#38cb80 rgb(56,203,128)
```
#2ed580
```
#2ed580 rgb(46,213,128)
```
#24df80
```
#24df80 rgb(36,223,128)
```
#1be880
```
#1be880 rgb(27,232,128)
```
#11f27f
```
#11f27f rgb(17,242,127)
```
#07fc7f
```
#07fc7f rgb(7,252,127)
```

Tone Color Variation

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

#999999 Achromatopsia 0.005% of the population
#84a594 Atypical Achromatopsia 0.001% of the population

Dichromacy

#cebe7d Protanopia 1% of men
#dfb791 Deuteranopia 1% of men
#66ccdb Tritanopia 0.001% of the population

Trichromacy

#94c67e Protanomaly 1% of men, 0.01% of women
#9ec28b Deuteranomaly 6% of men, 0.4% of women
#52cfba Tritanomaly 0.01% of the population

#2ed580 hex color

#2ed580 Color Information

#2ed580 Color Conversion

Color Schemes with #2ed580

Alternatives to #2ed580

#2ed580 Preview

Shades and Tints of #2ed580

Tones of #2ed580

Color Blindness Simulator