#2ed678 hex color

In a RGB color space, hex #2ed678 is composed of 18% red, 83.9% green and 47.1% blue. Whereas in a CMYK color space, it is composed of 78.5% cyan, 0% magenta, 43.9% yellow and 16.1% black. It has a hue angle of 146.4 degrees, a saturation of 67.2% and a lightness of 51%. #2ed678 color hex could be obtained by blending #5cfff0 with #00ad00. Closest websafe color is: #33cc66.

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

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

The hexadecimal color #2ed678 has RGB values of R:46, G:214, B:120 and CMYK values of C:0.79, M:0, Y:0.44, K:0.16. Its decimal value is 3069560.

Hex triplet	2ed678	`#2ed678`
RGB Decimal	46, 214, 120	`rgb(46,214,120)`
RGB Percent	18, 83.9, 47.1	`rgb(18%,83.9%,47.1%)`
CMYK	79, 0, 44, 16
HSL	146.4°, 67.2, 51	`hsl(146.4,67.2%,51%)`
HSV (or HSB)	146.4°, 78.5, 83.9
Web Safe	33cc66	`#33cc66`

CIE-LAB	76.086, -62.02, 34.818
XYZ	28.561, 50.027, 25.919
xyY	0.273, 0.479, 50.027
CIE-LCH	76.086, 71.125, 150.691
CIE-LUV	76.086, -63.786, 56.582
Hunter-Lab	70.73, -51.697, 27.784
Binary	00101110, 11010110, 01111000

#2ed678
```
#2ed678 rgb(46,214,120)
```
#d62e8c
```
#d62e8c rgb(214,46,140)
```

Complementary Color

#38d62e
```
#38d62e rgb(56,214,46)
```
#2ed678
```
#2ed678 rgb(46,214,120)
```
#2ed6cc
```
#2ed6cc rgb(46,214,204)
```

Analogous Color

#d62e38
```
#d62e38 rgb(214,46,56)
```
#2ed678
```
#2ed678 rgb(46,214,120)
```
#cc2ed6
```
#cc2ed6 rgb(204,46,214)
```

Split Complementary Color

#d6782e
```
#d6782e rgb(214,120,46)
```
#2ed678
```
#2ed678 rgb(46,214,120)
```
#782ed6
```
#782ed6 rgb(120,46,214)
```

Triadic Color

#8cd62e
```
#8cd62e rgb(140,214,46)
```
#2ed678
```
#2ed678 rgb(46,214,120)
```
#782ed6
```
#782ed6 rgb(120,46,214)
```
#d62e8c
```
#d62e8c rgb(214,46,140)
```

Tetradic Color

#1e9954
```
#1e9954 rgb(30,153,84)
```
#22af60
```
#22af60 rgb(34,175,96)
```
#26c46c
```
#26c46c rgb(38,196,108)
```
#2ed678
```
#2ed678 rgb(46,214,120)
```
#43da86
```
#43da86 rgb(67,218,134)
```
#59de94
```
#59de94 rgb(89,222,148)
```
#6ee3a1
```
#6ee3a1 rgb(110,227,161)
```

Monochromatic Color

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

#2ed64e
```
#2ed64e rgb(46,214,78)
```
#2ed65c
```
#2ed65c rgb(46,214,92)
```
#2ed66a
```
#2ed66a rgb(46,214,106)
```
#2ed678
```
#2ed678 rgb(46,214,120)
```
#2ed686
```
#2ed686 rgb(46,214,134)
```
#2ed694
```
#2ed694 rgb(46,214,148)
```
#2ed6a2
```
#2ed6a2 rgb(46,214,162)
```

Similar Colors

Text with hexadecimal color #2ed678

This text has a font color of #2ed678.

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

#2ed678 background color

This paragraph has a background color of #2ed678.

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

#2ed678 border color

This element has a border color of #2ed678.

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

CSS codes

.text {color:#2ed678;}

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

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

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

#010402
```
#010402 rgb(1,4,2)
```
#04150b
```
#04150b rgb(4,21,11)
```
#072514
```
#072514 rgb(7,37,20)
```
#0a351d
```
#0a351d rgb(10,53,29)
```
#0e4626
```
#0e4626 rgb(14,70,38)
```
#11562f
```
#11562f rgb(17,86,47)
```
#146738
```
#146738 rgb(20,103,56)
```
#177741
```
#177741 rgb(23,119,65)
```
#1b874a
```
#1b874a rgb(27,135,74)
```
#1e9854
```
#1e9854 rgb(30,152,84)
```
#21a85d
```
#21a85d rgb(33,168,93)
```
#24b966
```
#24b966 rgb(36,185,102)
```
#27c96f
```
#27c96f rgb(39,201,111)
```

Shade Color Variation

#2ed678
```
#2ed678 rgb(46,214,120)
```
#3ed983
```
#3ed983 rgb(62,217,131)
```
#4fdc8d
```
#4fdc8d rgb(79,220,141)
```
#5fe098
```
#5fe098 rgb(95,224,152)
```
#70e3a2
```
#70e3a2 rgb(112,227,162)
```
#80e6ad
```
#80e6ad rgb(128,230,173)
```
#90e9b8
```
#90e9b8 rgb(144,233,184)
```
#a1edc2
```
#a1edc2 rgb(161,237,194)
```
#b1f0cd
```
#b1f0cd rgb(177,240,205)
```
#c2f3d7
```
#c2f3d7 rgb(194,243,215)
```
#d2f6e2
```
#d2f6e2 rgb(210,246,226)
```
#e2f9ed
```
#e2f9ed rgb(226,249,237)
```
#f3fdf7
```
#f3fdf7 rgb(243,253,247)
```

Tint Color Variation

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

#7b8981
```
#7b8981 rgb(123,137,129)
```
#719380
```
#719380 rgb(113,147,128)
```
#689c7f
```
#689c7f rgb(104,156,127)
```
#5ea67e
```
#5ea67e rgb(94,166,126)
```
#54b07d
```
#54b07d rgb(84,176,125)
```
#4bb97b
```
#4bb97b rgb(75,185,123)
```
#41c37a
```
#41c37a rgb(65,195,122)
```
#38cc79
```
#38cc79 rgb(56,204,121)
```
#2ed678
```
#2ed678 rgb(46,214,120)
```
#24e077
```
#24e077 rgb(36,224,119)
```
#1be976
```
#1be976 rgb(27,233,118)
```
#11f375
```
#11f375 rgb(17,243,117)
```
#08fc73
```
#08fc73 rgb(8,252,115)
```

Tone Color Variation

Below, you can see how #2ed678 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
#84a592 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d0bf75 Protanopia 1% of men
#e1b78a Deuteranopia 1% of men
#68cddc Tritanopia 0.001% of the population

Trichromacy

#95c776 Protanomaly 1% of men, 0.01% of women
#a0c283 Deuteranomaly 6% of men, 0.4% of women
#53d0b7 Tritanomaly 0.01% of the population

#2ed678 hex color

#2ed678 Color Information

#2ed678 Color Conversion

Color Schemes with #2ed678

Alternatives to #2ed678

#2ed678 Preview

Shades and Tints of #2ed678

Tones of #2ed678

Color Blindness Simulator