#2cd6a4 hex color

In a RGB color space, hex #2cd6a4 is composed of 17.3% red, 83.9% green and 64.3% blue. Whereas in a CMYK color space, it is composed of 79.4% cyan, 0% magenta, 23.4% yellow and 16.1% black. It has a hue angle of 162.4 degrees, a saturation of 67.5% and a lightness of 50.6%. #2cd6a4 color hex could be obtained by blending #58ffff with #00ad49. Closest websafe color is: #33cc99.

♥
- f
- t
- g
- R 17
- G 84
- B 64
RGB color chart
- C 79
- M 0
- Y 23
- K 16
CMYK color chart

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

The hexadecimal color #2cd6a4 has RGB values of R:44, G:214, B:164 and CMYK values of C:0.79, M:0, Y:0.23, K:0.16. Its decimal value is 2938532.

Hex triplet	2cd6a4	`#2cd6a4`
RGB Decimal	44, 214, 164	`rgb(44,214,164)`
RGB Percent	17.3, 83.9, 64.3	`rgb(17.3%,83.9%,64.3%)`
CMYK	79, 0, 23, 16
HSL	162.4°, 67.5, 50.6	`hsl(162.4,67.5%,50.6%)`
HSV (or HSB)	162.4°, 79.4, 83.9
Web Safe	33cc99	`#33cc99`

CIE-LAB	76.864, -53.226, 12.981
XYZ	31.783, 51.306, 43.348
xyY	0.251, 0.406, 51.306
CIE-LCH	76.864, 54.786, 166.294
CIE-LUV	76.864, -61.297, 27.397
Hunter-Lab	71.628, -46.143, 14.259
Binary	00101100, 11010110, 10100100

#2cd6a4
```
#2cd6a4 rgb(44,214,164)
```
#d62c5e
```
#d62c5e rgb(214,44,94)
```

Complementary Color

#2cd64f
```
#2cd64f rgb(44,214,79)
```
#2cd6a4
```
#2cd6a4 rgb(44,214,164)
```
#2cb3d6
```
#2cb3d6 rgb(44,179,214)
```

Analogous Color

#d64f2c
```
#d64f2c rgb(214,79,44)
```
#2cd6a4
```
#2cd6a4 rgb(44,214,164)
```
#d62cb3
```
#d62cb3 rgb(214,44,179)
```

Split Complementary Color

#d6a42c
```
#d6a42c rgb(214,164,44)
```
#2cd6a4
```
#2cd6a4 rgb(44,214,164)
```
#a42cd6
```
#a42cd6 rgb(164,44,214)
```

Triadic Color

#5ed62c
```
#5ed62c rgb(94,214,44)
```
#2cd6a4
```
#2cd6a4 rgb(44,214,164)
```
#a42cd6
```
#a42cd6 rgb(164,44,214)
```
#d62c5e
```
#d62c5e rgb(214,44,94)
```

Tetradic Color

#1e9874
```
#1e9874 rgb(30,152,116)
```
#22ad84
```
#22ad84 rgb(34,173,132)
```
#26c395
```
#26c395 rgb(38,195,149)
```
#2cd6a4
```
#2cd6a4 rgb(44,214,164)
```
#41daad
```
#41daad rgb(65,218,173)
```
#57deb6
```
#57deb6 rgb(87,222,182)
```
#6ce2c0
```
#6ce2c0 rgb(108,226,192)
```

Monochromatic Color

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

#2cd67a
```
#2cd67a rgb(44,214,122)
```
#2cd688
```
#2cd688 rgb(44,214,136)
```
#2cd696
```
#2cd696 rgb(44,214,150)
```
#2cd6a4
```
#2cd6a4 rgb(44,214,164)
```
#2cd6b2
```
#2cd6b2 rgb(44,214,178)
```
#2cd6c0
```
#2cd6c0 rgb(44,214,192)
```
#2cd6cf
```
#2cd6cf rgb(44,214,207)
```

Similar Colors

Text with hexadecimal color #2cd6a4

This text has a font color of #2cd6a4.

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

#2cd6a4 background color

This paragraph has a background color of #2cd6a4.

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

#2cd6a4 border color

This element has a border color of #2cd6a4.

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

CSS codes

.text {color:#2cd6a4;}

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

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

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

#000302
```
#000302 rgb(0,3,2)
```
#04130e
```
#04130e rgb(4,19,14)
```
#07231b
```
#07231b rgb(7,35,27)
```
#0a3428
```
#0a3428 rgb(10,52,40)
```
#0d4434
```
#0d4434 rgb(13,68,52)
```
#105541
```
#105541 rgb(16,85,65)
```
#14654d
```
#14654d rgb(20,101,77)
```
#17755a
```
#17755a rgb(23,117,90)
```
#1a8666
```
#1a8666 rgb(26,134,102)
```
#1d9673
```
#1d9673 rgb(29,150,115)
```
#20a77f
```
#20a77f rgb(32,167,127)
```
#24b78c
```
#24b78c rgb(36,183,140)
```
#27c898
```
#27c898 rgb(39,200,152)
```

Shade Color Variation

#2cd6a4
```
#2cd6a4 rgb(44,214,164)
```
#3cd9ab
```
#3cd9ab rgb(60,217,171)
```
#4ddcb2
```
#4ddcb2 rgb(77,220,178)
```
#5de0b9
```
#5de0b9 rgb(93,224,185)
```
#6ee3c0
```
#6ee3c0 rgb(110,227,192)
```
#7ee6c7
```
#7ee6c7 rgb(126,230,199)
```
#8fe9cf
```
#8fe9cf rgb(143,233,207)
```
#9fecd6
```
#9fecd6 rgb(159,236,214)
```
#aff0dd
```
#aff0dd rgb(175,240,221)
```
#c0f3e4
```
#c0f3e4 rgb(192,243,228)
```
#d0f6eb
```
#d0f6eb rgb(208,246,235)
```
#e1f9f2
```
#e1f9f2 rgb(225,249,242)
```
#f1fcf9
```
#f1fcf9 rgb(241,252,249)
```

Tint Color Variation

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

#7a8884
```
#7a8884 rgb(122,136,132)
```
#709288
```
#709288 rgb(112,146,136)
```
#669c8c
```
#669c8c rgb(102,156,140)
```
#5ca690
```
#5ca690 rgb(92,166,144)
```
#53af94
```
#53af94 rgb(83,175,148)
```
#49b998
```
#49b998 rgb(73,185,152)
```
#3fc39c
```
#3fc39c rgb(63,195,156)
```
#36cca0
```
#36cca0 rgb(54,204,160)
```
#2cd6a4
```
#2cd6a4 rgb(44,214,164)
```
#22e0a8
```
#22e0a8 rgb(34,224,168)
```
#19e9ac
```
#19e9ac rgb(25,233,172)
```
#0ff3b0
```
#0ff3b0 rgb(15,243,176)
```
#05fdb4
```
#05fdb4 rgb(5,253,180)
```

Tone Color Variation

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

#9d9d9d Achromatopsia 0.005% of the population
#86a89e Atypical Achromatopsia 0.001% of the population

Dichromacy

#ccc09e Protanopia 1% of men
#d8bab2 Deuteranopia 1% of men
#5cd0df Tritanopia 0.001% of the population

Trichromacy

#92c8a0 Protanomaly 1% of men, 0.01% of women
#99c4ad Deuteranomaly 6% of men, 0.4% of women
#4bd2ca Tritanomaly 0.01% of the population

#2cd6a4 hex color

#2cd6a4 Color Information

#2cd6a4 Color Conversion

Color Schemes with #2cd6a4

Alternatives to #2cd6a4

#2cd6a4 Preview

Shades and Tints of #2cd6a4

Tones of #2cd6a4

Color Blindness Simulator