#2cd4a6 hex color

In a RGB color space, hex #2cd4a6 is composed of 17.3% red, 83.1% green and 65.1% blue. Whereas in a CMYK color space, it is composed of 79.2% cyan, 0% magenta, 21.7% yellow and 16.9% black. It has a hue angle of 163.6 degrees, a saturation of 66.1% and a lightness of 50.2%. #2cd4a6 color hex could be obtained by blending #58ffff with #00a94d. Closest websafe color is: #33cc99.

♥
- f
- t
- g
- R 17
- G 83
- B 65
RGB color chart
- C 79
- M 0
- Y 22
- K 17
CMYK color chart

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

The hexadecimal color #2cd4a6 has RGB values of R:44, G:212, B:166 and CMYK values of C:0.79, M:0, Y:0.22, K:0.17. Its decimal value is 2938022.

Hex triplet	2cd4a6	`#2cd4a6`
RGB Decimal	44, 212, 166	`rgb(44,212,166)`
RGB Percent	17.3, 83.1, 65.1	`rgb(17.3%,83.1%,65.1%)`
CMYK	79, 0, 22, 17
HSL	163.6°, 66.1, 50.2	`hsl(163.6,66.1%,50.2%)`
HSV (or HSB)	163.6°, 79.2, 83.1
Web Safe	33cc99	`#33cc99`

CIE-LAB	76.297, -51.956, 11.114
XYZ	31.462, 50.372, 44.139
xyY	0.25, 0.4, 50.372
CIE-LCH	76.297, 53.132, 167.926
CIE-LUV	76.297, -60.471, 24.523
Hunter-Lab	70.974, -45.075, 12.809
Binary	00101100, 11010100, 10100110

#2cd4a6
```
#2cd4a6 rgb(44,212,166)
```
#d42c5a
```
#d42c5a rgb(212,44,90)
```

Complementary Color

#2cd452
```
#2cd452 rgb(44,212,82)
```
#2cd4a6
```
#2cd4a6 rgb(44,212,166)
```
#2caed4
```
#2caed4 rgb(44,174,212)
```

Analogous Color

#d4522c
```
#d4522c rgb(212,82,44)
```
#2cd4a6
```
#2cd4a6 rgb(44,212,166)
```
#d42cae
```
#d42cae rgb(212,44,174)
```

Split Complementary Color

#d4a62c
```
#d4a62c rgb(212,166,44)
```
#2cd4a6
```
#2cd4a6 rgb(44,212,166)
```
#a62cd4
```
#a62cd4 rgb(166,44,212)
```

Triadic Color

#5ad42c
```
#5ad42c rgb(90,212,44)
```
#2cd4a6
```
#2cd4a6 rgb(44,212,166)
```
#a62cd4
```
#a62cd4 rgb(166,44,212)
```
#d42c5a
```
#d42c5a rgb(212,44,90)
```

Tetradic Color

#1e9575
```
#1e9575 rgb(30,149,117)
```
#23aa85
```
#23aa85 rgb(35,170,133)
```
#27bf96
```
#27bf96 rgb(39,191,150)
```
#2cd4a6
```
#2cd4a6 rgb(44,212,166)
```
#41d8af
```
#41d8af rgb(65,216,175)
```
#56ddb8
```
#56ddb8 rgb(86,221,184)
```
#6ce1c1
```
#6ce1c1 rgb(108,225,193)
```

Monochromatic Color

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

#2cd47c
```
#2cd47c rgb(44,212,124)
```
#2cd48a
```
#2cd48a rgb(44,212,138)
```
#2cd498
```
#2cd498 rgb(44,212,152)
```
#2cd4a6
```
#2cd4a6 rgb(44,212,166)
```
#2cd4b4
```
#2cd4b4 rgb(44,212,180)
```
#2cd4c2
```
#2cd4c2 rgb(44,212,194)
```
#2cd4d0
```
#2cd4d0 rgb(44,212,208)
```

Similar Colors

Text with hexadecimal color #2cd4a6

This text has a font color of #2cd4a6.

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

#2cd4a6 background color

This paragraph has a background color of #2cd4a6.

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

#2cd4a6 border color

This element has a border color of #2cd4a6.

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

CSS codes

.text {color:#2cd4a6;}

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

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

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

#000101
```
#000101 rgb(0,1,1)
```
#03110d
```
#03110d rgb(3,17,13)
```
#07211a
```
#07211a rgb(7,33,26)
```
#0a3227
```
#0a3227 rgb(10,50,39)
```
#0d4234
```
#0d4234 rgb(13,66,52)
```
#115240
```
#115240 rgb(17,82,64)
```
#14634d
```
#14634d rgb(20,99,77)
```
#17735a
```
#17735a rgb(23,115,90)
```
#1b8367
```
#1b8367 rgb(27,131,103)
```
#1e9373
```
#1e9373 rgb(30,147,115)
```
#21a480
```
#21a480 rgb(33,164,128)
```
#25b48d
```
#25b48d rgb(37,180,141)
```
#28c49a
```
#28c49a rgb(40,196,154)
```

Shade Color Variation

#2cd4a6
```
#2cd4a6 rgb(44,212,166)
```
#3cd7ad
```
#3cd7ad rgb(60,215,173)
```
#4ddbb4
```
#4ddbb4 rgb(77,219,180)
```
#5ddebb
```
#5ddebb rgb(93,222,187)
```
#6de1c1
```
#6de1c1 rgb(109,225,193)
```
#7de5c8
```
#7de5c8 rgb(125,229,200)
```
#8ee8cf
```
#8ee8cf rgb(142,232,207)
```
#9eebd6
```
#9eebd6 rgb(158,235,214)
```
#aeefdd
```
#aeefdd rgb(174,239,221)
```
#bff2e4
```
#bff2e4 rgb(191,242,228)
```
#cff5eb
```
#cff5eb rgb(207,245,235)
```
#dff9f2
```
#dff9f2 rgb(223,249,242)
```
#f0fcf8
```
#f0fcf8 rgb(240,252,248)
```

Tint Color Variation

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

#7a8683
```
#7a8683 rgb(122,134,131)
```
#709087
```
#709087 rgb(112,144,135)
```
#67998b
```
#67998b rgb(103,153,139)
```
#5da390
```
#5da390 rgb(93,163,144)
```
#53ad94
```
#53ad94 rgb(83,173,148)
```
#49b799
```
#49b799 rgb(73,183,153)
```
#40c09d
```
#40c09d rgb(64,192,157)
```
#36caa2
```
#36caa2 rgb(54,202,162)
```
#2cd4a6
```
#2cd4a6 rgb(44,212,166)
```
#22deaa
```
#22deaa rgb(34,222,170)
```
#18e8af
```
#18e8af rgb(24,232,175)
```
#0ff1b3
```
#0ff1b3 rgb(15,241,179)
```
#05fbb8
```
#05fbb8 rgb(5,251,184)
```

Tone Color Variation

Below, you can see how #2cd4a6 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
#86a89f Atypical Achromatopsia 0.001% of the population

Dichromacy

#cabf9f Protanopia 1% of men
#d5b9b4 Deuteranopia 1% of men
#5bcfde Tritanopia 0.001% of the population

Trichromacy

#90c6a2 Protanomaly 1% of men, 0.01% of women
#97c3af Deuteranomaly 6% of men, 0.4% of women
#49d0c9 Tritanomaly 0.01% of the population

#2cd4a6 hex color

#2cd4a6 Color Information

#2cd4a6 Color Conversion

Color Schemes with #2cd4a6

Alternatives to #2cd4a6

#2cd4a6 Preview

Shades and Tints of #2cd4a6

Tones of #2cd4a6

Color Blindness Simulator