#2ed684 hex color

In a RGB color space, hex #2ed684 is composed of 18% red, 83.9% green and 51.8% blue. Whereas in a CMYK color space, it is composed of 78.5% cyan, 0% magenta, 38.3% yellow and 16.1% black. It has a hue angle of 150.7 degrees, a saturation of 67.2% and a lightness of 51%. #2ed684 color hex could be obtained by blending #5cffff with #00ad09. Closest websafe color is: #33cc99.

♥
- f
- t
- g
- R 18
- G 84
- B 52
RGB color chart
- C 79
- M 0
- Y 38
- K 16
CMYK color chart

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

The hexadecimal color #2ed684 has RGB values of R:46, G:214, B:132 and CMYK values of C:0.79, M:0, Y:0.38, K:0.16. Its decimal value is 3069572.

Hex triplet	2ed684	`#2ed684`
RGB Decimal	46, 214, 132	`rgb(46,214,132)`
RGB Percent	18, 83.9, 51.8	`rgb(18%,83.9%,51.8%)`
CMYK	79, 0, 38, 16
HSL	150.7°, 67.2, 51	`hsl(150.7,67.2%,51%)`
HSV (or HSB)	150.7°, 78.5, 83.9
Web Safe	33cc99	`#33cc99`

CIE-LAB	76.276, -59.838, 28.956
XYZ	29.336, 50.337, 29.998
xyY	0.267, 0.459, 50.337
CIE-LCH	76.276, 66.476, 154.177
CIE-LUV	76.276, -63.103, 49.36
Hunter-Lab	70.949, -50.353, 24.595
Binary	00101110, 11010110, 10000100

#2ed684
```
#2ed684 rgb(46,214,132)
```
#d62e80
```
#d62e80 rgb(214,46,128)
```

Complementary Color

#2ed630
```
#2ed630 rgb(46,214,48)
```
#2ed684
```
#2ed684 rgb(46,214,132)
```
#2ed4d6
```
#2ed4d6 rgb(46,212,214)
```

Analogous Color

#d6302e
```
#d6302e rgb(214,48,46)
```
#2ed684
```
#2ed684 rgb(46,214,132)
```
#d62ed4
```
#d62ed4 rgb(214,46,212)
```

Split Complementary Color

#d6842e
```
#d6842e rgb(214,132,46)
```
#2ed684
```
#2ed684 rgb(46,214,132)
```
#842ed6
```
#842ed6 rgb(132,46,214)
```

Triadic Color

#80d62e
```
#80d62e rgb(128,214,46)
```
#2ed684
```
#2ed684 rgb(46,214,132)
```
#842ed6
```
#842ed6 rgb(132,46,214)
```
#d62e80
```
#d62e80 rgb(214,46,128)
```

Tetradic Color

#1e995d
```
#1e995d rgb(30,153,93)
```
#22af6a
```
#22af6a rgb(34,175,106)
```
#26c477
```
#26c477 rgb(38,196,119)
```
#2ed684
```
#2ed684 rgb(46,214,132)
```
#43da91
```
#43da91 rgb(67,218,145)
```
#59de9d
```
#59de9d rgb(89,222,157)
```
#6ee3aa
```
#6ee3aa rgb(110,227,170)
```

Monochromatic Color

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

#2ed65a
```
#2ed65a rgb(46,214,90)
```
#2ed668
```
#2ed668 rgb(46,214,104)
```
#2ed676
```
#2ed676 rgb(46,214,118)
```
#2ed684
```
#2ed684 rgb(46,214,132)
```
#2ed692
```
#2ed692 rgb(46,214,146)
```
#2ed6a0
```
#2ed6a0 rgb(46,214,160)
```
#2ed6ae
```
#2ed6ae rgb(46,214,174)
```

Similar Colors

Text with hexadecimal color #2ed684

This text has a font color of #2ed684.

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

#2ed684 background color

This paragraph has a background color of #2ed684.

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

#2ed684 border color

This element has a border color of #2ed684.

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

CSS codes

.text {color:#2ed684;}

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

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

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

#010403
```
#010403 rgb(1,4,3)
```
#04150d
```
#04150d rgb(4,21,13)
```
#072516
```
#072516 rgb(7,37,22)
```
#0a3520
```
#0a3520 rgb(10,53,32)
```
#0e462a
```
#0e462a rgb(14,70,42)
```
#115634
```
#115634 rgb(17,86,52)
```
#14673e
```
#14673e rgb(20,103,62)
```
#177748
```
#177748 rgb(23,119,72)
```
#1b8752
```
#1b8752 rgb(27,135,82)
```
#1e985c
```
#1e985c rgb(30,152,92)
```
#21a866
```
#21a866 rgb(33,168,102)
```
#24b970
```
#24b970 rgb(36,185,112)
```
#27c97a
```
#27c97a rgb(39,201,122)
```

Shade Color Variation

#2ed684
```
#2ed684 rgb(46,214,132)
```
#3ed98e
```
#3ed98e rgb(62,217,142)
```
#4fdc97
```
#4fdc97 rgb(79,220,151)
```
#5fe0a1
```
#5fe0a1 rgb(95,224,161)
```
#70e3ab
```
#70e3ab rgb(112,227,171)
```
#80e6b4
```
#80e6b4 rgb(128,230,180)
```
#90e9be
```
#90e9be rgb(144,233,190)
```
#a1edc8
```
#a1edc8 rgb(161,237,200)
```
#b1f0d1
```
#b1f0d1 rgb(177,240,209)
```
#c2f3db
```
#c2f3db rgb(194,243,219)
```
#d2f6e5
```
#d2f6e5 rgb(210,246,229)
```
#e2f9ee
```
#e2f9ee rgb(226,249,238)
```
#f3fdf8
```
#f3fdf8 rgb(243,253,248)
```

Tint Color Variation

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

#7b8982
```
#7b8982 rgb(123,137,130)
```
#719382
```
#719382 rgb(113,147,130)
```
#689c83
```
#689c83 rgb(104,156,131)
```
#5ea683
```
#5ea683 rgb(94,166,131)
```
#54b083
```
#54b083 rgb(84,176,131)
```
#4bb983
```
#4bb983 rgb(75,185,131)
```
#41c384
```
#41c384 rgb(65,195,132)
```
#38cc84
```
#38cc84 rgb(56,204,132)
```
#2ed684
```
#2ed684 rgb(46,214,132)
```
#24e084
```
#24e084 rgb(36,224,132)
```
#1be984
```
#1be984 rgb(27,233,132)
```
#11f385
```
#11f385 rgb(17,243,133)
```
#08fc85
```
#08fc85 rgb(8,252,133)
```

Tone Color Variation

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

#9a9a9a Achromatopsia 0.005% of the population
#84a696 Atypical Achromatopsia 0.001% of the population

Dichromacy

#cfbf80 Protanopia 1% of men
#dfb895 Deuteranopia 1% of men
#66cddd Tritanopia 0.001% of the population

Trichromacy

#94c781 Protanomaly 1% of men, 0.01% of women
#9fc38f Deuteranomaly 6% of men, 0.4% of women
#51d0bc Tritanomaly 0.01% of the population

#2ed684 hex color

#2ed684 Color Information

#2ed684 Color Conversion

Color Schemes with #2ed684

Alternatives to #2ed684

#2ed684 Preview

Shades and Tints of #2ed684

Tones of #2ed684

Color Blindness Simulator