#2ed396 hex color

In a RGB color space, hex #2ed396 is composed of 18% red, 82.7% green and 58.8% blue. Whereas in a CMYK color space, it is composed of 78.2% cyan, 0% magenta, 28.9% yellow and 17.3% black. It has a hue angle of 157.8 degrees, a saturation of 65.2% and a lightness of 50.4%. #2ed396 color hex could be obtained by blending #5cffff with #00a72d. Closest websafe color is: #33cc99.

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

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

The hexadecimal color #2ed396 has RGB values of R:46, G:211, B:150 and CMYK values of C:0.78, M:0, Y:0.29, K:0.17. Its decimal value is 3068822.

Hex triplet	2ed396	`#2ed396`
RGB Decimal	46, 211, 150	`rgb(46,211,150)`
RGB Percent	18, 82.7, 58.8	`rgb(18%,82.7%,58.8%)`
CMYK	78, 0, 29, 17
HSL	157.8°, 65.2, 50.4	`hsl(157.8,65.2%,50.4%)`
HSV (or HSB)	157.8°, 78.2, 82.7
Web Safe	33cc99	`#33cc99`

CIE-LAB	75.68, -55.029, 18.75
XYZ	29.924, 49.368, 36.804
xyY	0.258, 0.425, 49.368
CIE-LCH	75.68, 58.135, 161.185
CIE-LUV	75.68, -60.955, 35.49
Hunter-Lab	70.263, -46.94, 18.127
Binary	00101110, 11010011, 10010110

#2ed396
```
#2ed396 rgb(46,211,150)
```
#d32e6b
```
#d32e6b rgb(211,46,107)
```

Complementary Color

#2ed344
```
#2ed344 rgb(46,211,68)
```
#2ed396
```
#2ed396 rgb(46,211,150)
```
#2ebed3
```
#2ebed3 rgb(46,190,211)
```

Analogous Color

#d3442e
```
#d3442e rgb(211,68,46)
```
#2ed396
```
#2ed396 rgb(46,211,150)
```
#d32ebe
```
#d32ebe rgb(211,46,190)
```

Split Complementary Color

#d3962e
```
#d3962e rgb(211,150,46)
```
#2ed396
```
#2ed396 rgb(46,211,150)
```
#962ed3
```
#962ed3 rgb(150,46,211)
```

Triadic Color

#6bd32e
```
#6bd32e rgb(107,211,46)
```
#2ed396
```
#2ed396 rgb(46,211,150)
```
#962ed3
```
#962ed3 rgb(150,46,211)
```
#d32e6b
```
#d32e6b rgb(211,46,107)
```

Tetradic Color

#1f956a
```
#1f956a rgb(31,149,106)
```
#24aa79
```
#24aa79 rgb(36,170,121)
```
#28bf87
```
#28bf87 rgb(40,191,135)
```
#2ed396
```
#2ed396 rgb(46,211,150)
```
#43d7a1
```
#43d7a1 rgb(67,215,161)
```
#58dcab
```
#58dcab rgb(88,220,171)
```
#6de0b6
```
#6de0b6 rgb(109,224,182)
```

Monochromatic Color

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

#2ed36d
```
#2ed36d rgb(46,211,109)
```
#2ed37b
```
#2ed37b rgb(46,211,123)
```
#2ed388
```
#2ed388 rgb(46,211,136)
```
#2ed396
```
#2ed396 rgb(46,211,150)
```
#2ed3a4
```
#2ed3a4 rgb(46,211,164)
```
#2ed3b2
```
#2ed3b2 rgb(46,211,178)
```
#2ed3bf
```
#2ed3bf rgb(46,211,191)
```

Similar Colors

Text with hexadecimal color #2ed396

This text has a font color of #2ed396.

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

#2ed396 background color

This paragraph has a background color of #2ed396.

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

#2ed396 border color

This element has a border color of #2ed396.

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

CSS codes

.text {color:#2ed396;}

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

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

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 #f0fcf8 is the lightest one.

#000201
```
#000201 rgb(0,2,1)
```
#04120d
```
#04120d rgb(4,18,13)
```
#072218
```
#072218 rgb(7,34,24)
```
#0b3224
```
#0b3224 rgb(11,50,36)
```
#0e422f
```
#0e422f rgb(14,66,47)
```
#11533b
```
#11533b rgb(17,83,59)
```
#156346
```
#156346 rgb(21,99,70)
```
#187351
```
#187351 rgb(24,115,81)
```
#1c835d
```
#1c835d rgb(28,131,93)
```
#1f9368
```
#1f9368 rgb(31,147,104)
```
#22a474
```
#22a474 rgb(34,164,116)
```
#26b47f
```
#26b47f rgb(38,180,127)
```
#29c48b
```
#29c48b rgb(41,196,139)
```

Shade Color Variation

#2ed396
```
#2ed396 rgb(46,211,150)
```
#3ed69e
```
#3ed69e rgb(62,214,158)
```
#4edaa6
```
#4edaa6 rgb(78,218,166)
```
#5fddae
```
#5fddae rgb(95,221,174)
```
#6fe1b7
```
#6fe1b7 rgb(111,225,183)
```
#7fe4bf
```
#7fe4bf rgb(127,228,191)
```
#8fe7c7
```
#8fe7c7 rgb(143,231,199)
```
#9febcf
```
#9febcf rgb(159,235,207)
```
#b0eed7
```
#b0eed7 rgb(176,238,215)
```
#c0f2df
```
#c0f2df rgb(192,242,223)
```
#d0f5e7
```
#d0f5e7 rgb(208,245,231)
```
#e0f9f0
```
#e0f9f0 rgb(224,249,240)
```
#f0fcf8
```
#f0fcf8 rgb(240,252,248)
```

Tint Color Variation

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

#7c8582
```
#7c8582 rgb(124,133,130)
```
#728f84
```
#728f84 rgb(114,143,132)
```
#689987
```
#689987 rgb(104,153,135)
```
#5fa289
```
#5fa289 rgb(95,162,137)
```
#55ac8c
```
#55ac8c rgb(85,172,140)
```
#4bb68e
```
#4bb68e rgb(75,182,142)
```
#41c091
```
#41c091 rgb(65,192,145)
```
#38c993
```
#38c993 rgb(56,201,147)
```
#2ed396
```
#2ed396 rgb(46,211,150)
```
#24dd99
```
#24dd99 rgb(36,221,153)
```
#1be69b
```
#1be69b rgb(27,230,155)
```
#11f09e
```
#11f09e rgb(17,240,158)
```
#07faa0
```
#07faa0 rgb(7,250,160)
```

Tone Color Variation

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

#9b9b9b Achromatopsia 0.005% of the population
#85a69a Atypical Achromatopsia 0.001% of the population

Dichromacy

#cbbd91 Protanopia 1% of men
#d8b7a5 Deuteranopia 1% of men
#60ccdb Tritanopia 0.001% of the population

Trichromacy

#91c593 Protanomaly 1% of men, 0.01% of women
#9ac1a0 Deuteranomaly 6% of men, 0.4% of women
#4ecfc2 Tritanomaly 0.01% of the population

#2ed396 hex color

#2ed396 Color Information

#2ed396 Color Conversion

Color Schemes with #2ed396

Alternatives to #2ed396

#2ed396 Preview

Shades and Tints of #2ed396

Tones of #2ed396

Color Blindness Simulator