#2edc9c hex color

In a RGB color space, hex #2edc9c is composed of 18% red, 86.3% green and 61.2% blue. Whereas in a CMYK color space, it is composed of 79.1% cyan, 0% magenta, 29.1% yellow and 13.7% black. It has a hue angle of 157.9 degrees, a saturation of 71.3% and a lightness of 52.2%. #2edc9c color hex could be obtained by blending #5cffff with #00b939. Closest websafe color is: #33cc99.

♥
- f
- t
- g
- R 18
- G 86
- B 61
RGB color chart
- C 79
- M 0
- Y 29
- K 14
CMYK color chart

● #2edc9c color description : Bright cyan - lime green.

The hexadecimal color #2edc9c has RGB values of R:46, G:220, B:156 and CMYK values of C:0.79, M:0, Y:0.29, K:0.14. Its decimal value is 3071132.

Hex triplet	2edc9c	`#2edc9c`
RGB Decimal	46, 220, 156	`rgb(46,220,156)`
RGB Percent	18, 86.3, 61.2	`rgb(18%,86.3%,61.2%)`
CMYK	79, 0, 29, 14
HSL	157.9°, 71.3, 52.2	`hsl(157.9,71.3%,52.2%)`
HSV (or HSB)	157.9°, 79.1, 86.3
Web Safe	33cc99	`#33cc99`

CIE-LAB	78.557, -57.157, 19.575
XYZ	32.718, 54.164, 40.181
xyY	0.257, 0.426, 54.164
CIE-LCH	78.557, 60.416, 161.095
CIE-LUV	78.557, -63.647, 37.218
Hunter-Lab	73.596, -49.44, 19.147
Binary	00101110, 11011100, 10011100

#2edc9c
```
#2edc9c rgb(46,220,156)
```
#dc2e6e
```
#dc2e6e rgb(220,46,110)
```

Complementary Color

#2edc45
```
#2edc45 rgb(46,220,69)
```
#2edc9c
```
#2edc9c rgb(46,220,156)
```
#2ec5dc
```
#2ec5dc rgb(46,197,220)
```

Analogous Color

#dc452e
```
#dc452e rgb(220,69,46)
```
#2edc9c
```
#2edc9c rgb(46,220,156)
```
#dc2ec5
```
#dc2ec5 rgb(220,46,197)
```

Split Complementary Color

#dc9c2e
```
#dc9c2e rgb(220,156,46)
```
#2edc9c
```
#2edc9c rgb(46,220,156)
```
#9c2edc
```
#9c2edc rgb(156,46,220)
```

Triadic Color

#6edc2e
```
#6edc2e rgb(110,220,46)
```
#2edc9c
```
#2edc9c rgb(46,220,156)
```
#9c2edc
```
#9c2edc rgb(156,46,220)
```
#dc2e6e
```
#dc2e6e rgb(220,46,110)
```

Tetradic Color

#1ba271
```
#1ba271 rgb(27,162,113)
```
#1fb880
```
#1fb880 rgb(31,184,128)
```
#22ce8f
```
#22ce8f rgb(34,206,143)
```
#2edc9c
```
#2edc9c rgb(46,220,156)
```
#44e0a6
```
#44e0a6 rgb(68,224,166)
```
#5ae3b1
```
#5ae3b1 rgb(90,227,177)
```
#70e7bb
```
#70e7bb rgb(112,231,187)
```

Monochromatic Color

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

#2edc71
```
#2edc71 rgb(46,220,113)
```
#2edc7f
```
#2edc7f rgb(46,220,127)
```
#2edc8e
```
#2edc8e rgb(46,220,142)
```
#2edc9c
```
#2edc9c rgb(46,220,156)
```
#2edcab
```
#2edcab rgb(46,220,171)
```
#2edcb9
```
#2edcb9 rgb(46,220,185)
```
#2edcc8
```
#2edcc8 rgb(46,220,200)
```

Similar Colors

Text with hexadecimal color #2edc9c

This text has a font color of #2edc9c.

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

#2edc9c background color

This paragraph has a background color of #2edc9c.

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

#2edc9c border color

This element has a border color of #2edc9c.

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

CSS codes

.text {color:#2edc9c;}

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

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

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

#020907
```
#020907 rgb(2,9,7)
```
#041a12
```
#041a12 rgb(4,26,18)
```
#072b1e
```
#072b1e rgb(7,43,30)
```
#0a3c2a
```
#0a3c2a rgb(10,60,42)
```
#0d4d35
```
#0d4d35 rgb(13,77,53)
```
#105d41
```
#105d41 rgb(16,93,65)
```
#126e4c
```
#126e4c rgb(18,110,76)
```
#157f58
```
#157f58 rgb(21,127,88)
```
#189064
```
#189064 rgb(24,144,100)
```
#1ba16f
```
#1ba16f rgb(27,161,111)
```
#1eb17b
```
#1eb17b rgb(30,177,123)
```
#21c287
```
#21c287 rgb(33,194,135)
```
#23d392
```
#23d392 rgb(35,211,146)
```

Shade Color Variation

#2edc9c
```
#2edc9c rgb(46,220,156)
```
#3fdfa4
```
#3fdfa4 rgb(63,223,164)
```
#50e2ac
```
#50e2ac rgb(80,226,172)
```
#60e4b4
```
#60e4b4 rgb(96,228,180)
```
#71e7bc
```
#71e7bc rgb(113,231,188)
```
#82eac4
```
#82eac4 rgb(130,234,196)
```
#93edcc
```
#93edcc rgb(147,237,204)
```
#a4f0d4
```
#a4f0d4 rgb(164,240,212)
```
#b4f3dc
```
#b4f3dc rgb(180,243,220)
```
#c5f5e4
```
#c5f5e4 rgb(197,245,228)
```
#d6f8ec
```
#d6f8ec rgb(214,248,236)
```
#e7fbf4
```
#e7fbf4 rgb(231,251,244)
```
#f8fefc
```
#f8fefc rgb(248,254,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #828886 is the less saturated color, while #12f8a3 is the most saturated one.

#828886
```
#828886 rgb(130,136,134)
```
#799188
```
#799188 rgb(121,145,136)
```
#709a8b
```
#709a8b rgb(112,154,139)
```
#66a48d
```
#66a48d rgb(102,164,141)
```
#5dad90
```
#5dad90 rgb(93,173,144)
```
#54b692
```
#54b692 rgb(84,182,146)
```
#4ac095
```
#4ac095 rgb(74,192,149)
```
#41c997
```
#41c997 rgb(65,201,151)
```
#37d39a
```
#37d39a rgb(55,211,154)
```
#2edc9c
```
#2edc9c rgb(46,220,156)
```
#25e59e
```
#25e59e rgb(37,229,158)
```
#1befa1
```
#1befa1 rgb(27,239,161)
```
#12f8a3
```
#12f8a3 rgb(18,248,163)
```

Tone Color Variation

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

#a1a1a1 Achromatopsia 0.005% of the population
#8aada0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d3c596 Protanopia 1% of men
#e1beab Deuteranopia 1% of men
#63d4e4 Tritanopia 0.001% of the population

Trichromacy

#97cd98 Protanomaly 1% of men, 0.01% of women
#a0c9a6 Deuteranomaly 6% of men, 0.4% of women
#4fd7ca Tritanomaly 0.01% of the population

#2edc9c hex color

#2edc9c Color Information

#2edc9c Color Conversion

Color Schemes with #2edc9c

Alternatives to #2edc9c

#2edc9c Preview

Shades and Tints of #2edc9c

Tones of #2edc9c

Color Blindness Simulator