#2ed259 hex color

In a RGB color space, hex #2ed259 is composed of 18% red, 82.4% green and 34.9% blue. Whereas in a CMYK color space, it is composed of 78.1% cyan, 0% magenta, 57.6% yellow and 17.6% black. It has a hue angle of 135.7 degrees, a saturation of 64.6% and a lightness of 50.2%. #2ed259 color hex could be obtained by blending #5cffb2 with #00a500. Closest websafe color is: #33cc66.

♥
- f
- t
- g
- R 18
- G 82
- B 35
RGB color chart
- C 78
- M 0
- Y 58
- K 18
CMYK color chart

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

The hexadecimal color #2ed259 has RGB values of R:46, G:210, B:89 and CMYK values of C:0.78, M:0, Y:0.58, K:0.18. Its decimal value is 3068505.

Hex triplet	2ed259	`#2ed259`
RGB Decimal	46, 210, 89	`rgb(46,210,89)`
RGB Percent	18, 82.4, 34.9	`rgb(18%,82.4%,34.9%)`
CMYK	78, 0, 58, 18
HSL	135.7°, 64.6, 50.2	`hsl(135.7,64.6%,50.2%)`
HSV (or HSB)	135.7°, 78.1, 82.4
Web Safe	33cc66	`#33cc66`

CIE-LAB	74.44, -65.358, 47.755
XYZ	25.975, 47.393, 17.229
xyY	0.287, 0.523, 47.393
CIE-LCH	74.44, 80.946, 143.846
CIE-LUV	74.44, -63.947, 70.228
Hunter-Lab	68.842, -53.124, 33.351
Binary	00101110, 11010010, 01011001

#2ed259
```
#2ed259 rgb(46,210,89)
```
#d22ea7
```
#d22ea7 rgb(210,46,167)
```

Complementary Color

#55d22e
```
#55d22e rgb(85,210,46)
```
#2ed259
```
#2ed259 rgb(46,210,89)
```
#2ed2ab
```
#2ed2ab rgb(46,210,171)
```

Analogous Color

#d22e55
```
#d22e55 rgb(210,46,85)
```
#2ed259
```
#2ed259 rgb(46,210,89)
```
#ab2ed2
```
#ab2ed2 rgb(171,46,210)
```

Split Complementary Color

#d2592e
```
#d2592e rgb(210,89,46)
```
#2ed259
```
#2ed259 rgb(46,210,89)
```
#592ed2
```
#592ed2 rgb(89,46,210)
```

Triadic Color

#a7d22e
```
#a7d22e rgb(167,210,46)
```
#2ed259
```
#2ed259 rgb(46,210,89)
```
#592ed2
```
#592ed2 rgb(89,46,210)
```
#d22ea7
```
#d22ea7 rgb(210,46,167)
```

Tetradic Color

#20943e
```
#20943e rgb(32,148,62)
```
#24a947
```
#24a947 rgb(36,169,71)
```
#29be50
```
#29be50 rgb(41,190,80)
```
#2ed259
```
#2ed259 rgb(46,210,89)
```
#43d76a
```
#43d76a rgb(67,215,106)
```
#58db7a
```
#58db7a rgb(88,219,122)
```
#6de08b
```
#6de08b rgb(109,224,139)
```

Monochromatic Color

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

#2ed230
```
#2ed230 rgb(46,210,48)
```
#2ed23e
```
#2ed23e rgb(46,210,62)
```
#2ed24b
```
#2ed24b rgb(46,210,75)
```
#2ed259
```
#2ed259 rgb(46,210,89)
```
#2ed267
```
#2ed267 rgb(46,210,103)
```
#2ed274
```
#2ed274 rgb(46,210,116)
```
#2ed282
```
#2ed282 rgb(46,210,130)
```

Similar Colors

Text with hexadecimal color #2ed259

This text has a font color of #2ed259.

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

#2ed259 background color

This paragraph has a background color of #2ed259.

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

#2ed259 border color

This element has a border color of #2ed259.

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

CSS codes

.text {color:#2ed259;}

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

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

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

#000100
```
#000100 rgb(0,1,0)
```
#041107
```
#041107 rgb(4,17,7)
```
#07210e
```
#07210e rgb(7,33,14)
```
#0b3115
```
#0b3115 rgb(11,49,21)
```
#0e411c
```
#0e411c rgb(14,65,28)
```
#125222
```
#125222 rgb(18,82,34)
```
#156229
```
#156229 rgb(21,98,41)
```
#197230
```
#197230 rgb(25,114,48)
```
#1c8237
```
#1c8237 rgb(28,130,55)
```
#1f923e
```
#1f923e rgb(31,146,62)
```
#23a244
```
#23a244 rgb(35,162,68)
```
#26b24b
```
#26b24b rgb(38,178,75)
```
#2ac352
```
#2ac352 rgb(42,195,82)
```

Shade Color Variation

#2ed259
```
#2ed259 rgb(46,210,89)
```
#3ed566
```
#3ed566 rgb(62,213,102)
```
#4ed973
```
#4ed973 rgb(78,217,115)
```
#5edc7f
```
#5edc7f rgb(94,220,127)
```
#6fe08c
```
#6fe08c rgb(111,224,140)
```
#7fe399
```
#7fe399 rgb(127,227,153)
```
#8fe7a6
```
#8fe7a6 rgb(143,231,166)
```
#9feab3
```
#9feab3 rgb(159,234,179)
```
#afeec0
```
#afeec0 rgb(175,238,192)
```
#bff1cc
```
#bff1cc rgb(191,241,204)
```
#cff5d9
```
#cff5d9 rgb(207,245,217)
```
#e0f8e6
```
#e0f8e6 rgb(224,248,230)
```
#f0fcf3
```
#f0fcf3 rgb(240,252,243)
```

Tint Color Variation

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

#7c847e
```
#7c847e rgb(124,132,126)
```
#728e7a
```
#728e7a rgb(114,142,122)
```
#699775
```
#699775 rgb(105,151,117)
```
#5fa170
```
#5fa170 rgb(95,161,112)
```
#55ab6c
```
#55ab6c rgb(85,171,108)
```
#4bb567
```
#4bb567 rgb(75,181,103)
```
#42be62
```
#42be62 rgb(66,190,98)
```
#38c85e
```
#38c85e rgb(56,200,94)
```
#2ed259
```
#2ed259 rgb(46,210,89)
```
#24dc54
```
#24dc54 rgb(36,220,84)
```
#1ae650
```
#1ae650 rgb(26,230,80)
```
#11ef4b
```
#11ef4b rgb(17,239,75)
```
#07f946
```
#07f946 rgb(7,249,70)
```

Tone Color Variation

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

#939393 Achromatopsia 0.005% of the population
#7fa087 Atypical Achromatopsia 0.001% of the population

Dichromacy

#cebb59 Protanopia 1% of men
#e2b26e Deuteranopia 1% of men
#6bc8d6 Tritanopia 0.001% of the population

Trichromacy

#94c359 Protanomaly 1% of men, 0.01% of women
#a0be66 Deuteranomaly 6% of men, 0.4% of women
#55cba8 Tritanomaly 0.01% of the population

#2ed259 hex color

#2ed259 Color Information

#2ed259 Color Conversion

Color Schemes with #2ed259

Alternatives to #2ed259

#2ed259 Preview

Shades and Tints of #2ed259

Tones of #2ed259

Color Blindness Simulator