#2cc5a1 hex color

In a RGB color space, hex #2cc5a1 is composed of 17.3% red, 77.3% green and 63.1% blue. Whereas in a CMYK color space, it is composed of 77.7% cyan, 0% magenta, 18.3% yellow and 22.7% black. It has a hue angle of 165.9 degrees, a saturation of 63.5% and a lightness of 47.3%. #2cc5a1 color hex could be obtained by blending #58ffff with #008b43. Closest websafe color is: #33cc99.

♥
- f
- t
- g
- R 17
- G 77
- B 63
RGB color chart
- C 78
- M 0
- Y 18
- K 23
CMYK color chart

● #2cc5a1 color description : Strong cyan.

The hexadecimal color #2cc5a1 has RGB values of R:44, G:197, B:161 and CMYK values of C:0.78, M:0, Y:0.18, K:0.23. Its decimal value is 2934177.

Hex triplet	2cc5a1	`#2cc5a1`
RGB Decimal	44, 197, 161	`rgb(44,197,161)`
RGB Percent	17.3, 77.3, 63.1	`rgb(17.3%,77.3%,63.1%)`
CMYK	78, 0, 18, 23
HSL	165.9°, 63.5, 47.3	`hsl(165.9,63.5%,47.3%)`
HSV (or HSB)	165.9°, 77.7, 77.3
Web Safe	33cc99	`#33cc99`

CIE-LAB	71.581, -47.063, 7.076
XYZ	27.436, 43.038, 40.578
xyY	0.247, 0.388, 43.038
CIE-LCH	71.581, 47.592, 171.449
CIE-LUV	71.581, -55.605, 17.725
Hunter-Lab	65.604, -40.157, 9.25
Binary	00101100, 11000101, 10100001

#2cc5a1
```
#2cc5a1 rgb(44,197,161)
```
#c52c50
```
#c52c50 rgb(197,44,80)
```

Complementary Color

#2cc554
```
#2cc554 rgb(44,197,84)
```
#2cc5a1
```
#2cc5a1 rgb(44,197,161)
```
#2c9dc5
```
#2c9dc5 rgb(44,157,197)
```

Analogous Color

#c5542c
```
#c5542c rgb(197,84,44)
```
#2cc5a1
```
#2cc5a1 rgb(44,197,161)
```
#c52c9d
```
#c52c9d rgb(197,44,157)
```

Split Complementary Color

#c5a12c
```
#c5a12c rgb(197,161,44)
```
#2cc5a1
```
#2cc5a1 rgb(44,197,161)
```
#a12cc5
```
#a12cc5 rgb(161,44,197)
```

Triadic Color

#50c52c
```
#50c52c rgb(80,197,44)
```
#2cc5a1
```
#2cc5a1 rgb(44,197,161)
```
#a12cc5
```
#a12cc5 rgb(161,44,197)
```
#c52c50
```
#c52c50 rgb(197,44,80)
```

Tetradic Color

#1e866e
```
#1e866e rgb(30,134,110)
```
#239b7f
```
#239b7f rgb(35,155,127)
```
#27b090
```
#27b090 rgb(39,176,144)
```
#2cc5a1
```
#2cc5a1 rgb(44,197,161)
```
#38d3ae
```
#38d3ae rgb(56,211,174)
```
#4dd7b7
```
#4dd7b7 rgb(77,215,183)
```
#62dcbf
```
#62dcbf rgb(98,220,191)
```

Monochromatic Color

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

#2cc57b
```
#2cc57b rgb(44,197,123)
```
#2cc588
```
#2cc588 rgb(44,197,136)
```
#2cc594
```
#2cc594 rgb(44,197,148)
```
#2cc5a1
```
#2cc5a1 rgb(44,197,161)
```
#2cc5ae
```
#2cc5ae rgb(44,197,174)
```
#2cc5bb
```
#2cc5bb rgb(44,197,187)
```
#2cc3c5
```
#2cc3c5 rgb(44,195,197)
```

Similar Colors

Text with hexadecimal color #2cc5a1

This text has a font color of #2cc5a1.

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

#2cc5a1 background color

This paragraph has a background color of #2cc5a1.

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

#2cc5a1 border color

This element has a border color of #2cc5a1.

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

CSS codes

.text {color:#2cc5a1;}

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

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

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

#010504
```
#010504 rgb(1,5,4)
```
#051511
```
#051511 rgb(5,21,17)
```
#08251e
```
#08251e rgb(8,37,30)
```
#0c352b
```
#0c352b rgb(12,53,43)
```
#0f4538
```
#0f4538 rgb(15,69,56)
```
#135545
```
#135545 rgb(19,85,69)
```
#176552
```
#176552 rgb(23,101,82)
```
#1a755f
```
#1a755f rgb(26,117,95)
```
#1e856d
```
#1e856d rgb(30,133,109)
```
#21957a
```
#21957a rgb(33,149,122)
```
#25a587
```
#25a587 rgb(37,165,135)
```
#28b594
```
#28b594 rgb(40,181,148)
```
#2cc5a1
```
#2cc5a1 rgb(44,197,161)
```

Shade Color Variation

#33d1ac
```
#33d1ac rgb(51,209,172)
```
#43d5b3
```
#43d5b3 rgb(67,213,179)
```
#53d9b9
```
#53d9b9 rgb(83,217,185)
```
#63dcc0
```
#63dcc0 rgb(99,220,192)
```
#73e0c6
```
#73e0c6 rgb(115,224,198)
```
#83e3cd
```
#83e3cd rgb(131,227,205)
```
#93e7d3
```
#93e7d3 rgb(147,231,211)
```
#a3ebda
```
#a3ebda rgb(163,235,218)
```
#b3eee0
```
#b3eee0 rgb(179,238,224)
```
#c3f2e7
```
#c3f2e7 rgb(195,242,231)
```
#d3f5ed
```
#d3f5ed rgb(211,245,237)
```
#e4f9f4
```
#e4f9f4 rgb(228,249,244)
```
#f4fcfa
```
#f4fcfa rgb(244,252,250)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #767b7a is the less saturated color, while #07eab5 is the most saturated one.

#767b7a
```
#767b7a rgb(118,123,122)
```
#6d847f
```
#6d847f rgb(109,132,127)
```
#648d84
```
#648d84 rgb(100,141,132)
```
#5a9788
```
#5a9788 rgb(90,151,136)
```
#51a08d
```
#51a08d rgb(81,160,141)
```
#48a992
```
#48a992 rgb(72,169,146)
```
#3fb297
```
#3fb297 rgb(63,178,151)
```
#35bc9c
```
#35bc9c rgb(53,188,156)
```
#2cc5a1
```
#2cc5a1 rgb(44,197,161)
```
#23cea6
```
#23cea6 rgb(35,206,166)
```
#19d8ab
```
#19d8ab rgb(25,216,171)
```
#10e1b0
```
#10e1b0 rgb(16,225,176)
```
#07eab5
```
#07eab5 rgb(7,234,181)
```

Tone Color Variation

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

#939393 Achromatopsia 0.005% of the population
#7e9d96 Atypical Achromatopsia 0.001% of the population

Dichromacy

#bcb29b Protanopia 1% of men
#c5adaf Deuteranopia 1% of men
#54c1d0 Tritanopia 0.001% of the population

Trichromacy

#87b99d Protanomaly 1% of men, 0.01% of women
#8db6a9 Deuteranomaly 6% of men, 0.4% of women
#45c3bf Tritanomaly 0.01% of the population

#2cc5a1 hex color

#2cc5a1 Color Information

#2cc5a1 Color Conversion

Color Schemes with #2cc5a1

Alternatives to #2cc5a1

#2cc5a1 Preview

Shades and Tints of #2cc5a1

Tones of #2cc5a1

Color Blindness Simulator