#2c7170 hex color

In a RGB color space, hex #2c7170 is composed of 17.3% red, 44.3% green and 43.9% blue. Whereas in a CMYK color space, it is composed of 61.1% cyan, 0% magenta, 0.9% yellow and 55.7% black. It has a hue angle of 179.1 degrees, a saturation of 43.9% and a lightness of 30.8%. #2c7170 color hex could be obtained by blending #58e2e0 with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 17
- G 44
- B 44
RGB color chart
- C 61
- M 0
- Y 1
- K 56
CMYK color chart

● #2c7170 color description : Very dark cyan.

The hexadecimal color #2c7170 has RGB values of R:44, G:113, B:112 and CMYK values of C:0.61, M:0, Y:0.01, K:0.56. Its decimal value is 2912624.

Hex triplet	2c7170	`#2c7170`
RGB Decimal	44, 113, 112	`rgb(44,113,112)`
RGB Percent	17.3, 44.3, 43.9	`rgb(17.3%,44.3%,43.9%)`
CMYK	61, 0, 1, 56
HSL	179.1°, 43.9, 30.8	`hsl(179.1,43.9%,30.8%)`
HSV (or HSB)	179.1°, 61.1, 44.3
Web Safe	336666	`#336666`

CIE-LAB	43.529, -21.594, -5.932
XYZ	9.868, 13.515, 17.417
xyY	0.242, 0.331, 13.515
CIE-LCH	43.529, 22.394, 195.36
CIE-LUV	43.529, -27.618, -5.131
Hunter-Lab	36.762, -16.422, -2.356
Binary	00101100, 01110001, 01110000

#2c7170
```
#2c7170 rgb(44,113,112)
```
#712c2d
```
#712c2d rgb(113,44,45)
```

Complementary Color

#2c714e
```
#2c714e rgb(44,113,78)
```
#2c7170
```
#2c7170 rgb(44,113,112)
```
#2c5071
```
#2c5071 rgb(44,80,113)
```

Analogous Color

#714e2c
```
#714e2c rgb(113,78,44)
```
#2c7170
```
#2c7170 rgb(44,113,112)
```
#712c50
```
#712c50 rgb(113,44,80)
```

Split Complementary Color

#71702c
```
#71702c rgb(113,112,44)
```
#2c7170
```
#2c7170 rgb(44,113,112)
```
#702c71
```
#702c71 rgb(112,44,113)
```

Triadic Color

#2d712c
```
#2d712c rgb(45,113,44)
```
#2c7170
```
#2c7170 rgb(44,113,112)
```
#702c71
```
#702c71 rgb(112,44,113)
```
#712c2d
```
#712c2d rgb(113,44,45)
```

Tetradic Color

#173a39
```
#173a39 rgb(23,58,57)
```
#1e4c4c
```
#1e4c4c rgb(30,76,76)
```
#255f5e
```
#255f5e rgb(37,95,94)
```
#2c7170
```
#2c7170 rgb(44,113,112)
```
#338382
```
#338382 rgb(51,131,130)
```
#3a9694
```
#3a9694 rgb(58,150,148)
```
#41a8a7
```
#41a8a7 rgb(65,168,167)
```

Monochromatic Color

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

#2c715f
```
#2c715f rgb(44,113,95)
```
#2c7165
```
#2c7165 rgb(44,113,101)
```
#2c716a
```
#2c716a rgb(44,113,106)
```
#2c7170
```
#2c7170 rgb(44,113,112)
```
#2c6c71
```
#2c6c71 rgb(44,108,113)
```
#2c6771
```
#2c6771 rgb(44,103,113)
```
#2c6171
```
#2c6171 rgb(44,97,113)
```

Similar Colors

Text with hexadecimal color #2c7170

This text has a font color of #2c7170.

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

#2c7170 background color

This paragraph has a background color of #2c7170.

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

#2c7170 border color

This element has a border color of #2c7170.

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

CSS codes

.text {color:#2c7170;}

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

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

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

#000000
```
#000000 rgb(0,0,0)
```
#060e0e
```
#060e0e rgb(6,14,14)
```
#0b1c1c
```
#0b1c1c rgb(11,28,28)
```
#112a2a
```
#112a2a rgb(17,42,42)
```
#163938
```
#163938 rgb(22,57,56)
```
#1c4746
```
#1c4746 rgb(28,71,70)
```
#215554
```
#215554 rgb(33,85,84)
```
#276362
```
#276362 rgb(39,99,98)
```
#2c7170
```
#2c7170 rgb(44,113,112)
```
#317f7e
```
#317f7e rgb(49,127,126)
```
#378d8c
```
#378d8c rgb(55,141,140)
```
#3c9b9a
```
#3c9b9a rgb(60,155,154)
```
#42a9a8
```
#42a9a8 rgb(66,169,168)
```

Shade Color Variation

#48b8b6
```
#48b8b6 rgb(72,184,182)
```
#56bdbc
```
#56bdbc rgb(86,189,188)
```
#64c3c1
```
#64c3c1 rgb(100,195,193)
```
#72c8c7
```
#72c8c7 rgb(114,200,199)
```
#80cecc
```
#80cecc rgb(128,206,204)
```
#8ed3d2
```
#8ed3d2 rgb(142,211,210)
```
#9cd9d8
```
#9cd9d8 rgb(156,217,216)
```
#aadedd
```
#aadedd rgb(170,222,221)
```
#b8e4e3
```
#b8e4e3 rgb(184,228,227)
```
#c7e9e9
```
#c7e9e9 rgb(199,233,233)
```
#d5efee
```
#d5efee rgb(213,239,238)
```
#e3f4f4
```
#e3f4f4 rgb(227,244,244)
```
#f1faf9
```
#f1faf9 rgb(241,250,249)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #4a5353 is the less saturated color, while #029b99 is the most saturated one.

#4a5353
```
#4a5353 rgb(74,83,83)
```
#445959
```
#445959 rgb(68,89,89)
```
#3e5f5e
```
#3e5f5e rgb(62,95,94)
```
#386564
```
#386564 rgb(56,101,100)
```
#326b6a
```
#326b6a rgb(50,107,106)
```
#2c7170
```
#2c7170 rgb(44,113,112)
```
#267776
```
#267776 rgb(38,119,118)
```
#207d7c
```
#207d7c rgb(32,125,124)
```
#1a8382
```
#1a8382 rgb(26,131,130)
```
#148987
```
#148987 rgb(20,137,135)
```
#0e8f8d
```
#0e8f8d rgb(14,143,141)
```
#089593
```
#089593 rgb(8,149,147)
```
#029b99
```
#029b99 rgb(2,155,153)
```

Tone Color Variation

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

#5c5c5c Achromatopsia 0.005% of the population
#526060 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6f6e71 Protanopia 1% of men
#726c7b Deuteranopia 1% of men
#3b777f Tritanopia 0.001% of the population

Trichromacy

#576f71 Protanomaly 1% of men, 0.01% of women
#586d77 Deuteranomaly 6% of men, 0.4% of women
#35747a Tritanomaly 0.01% of the population

#2c7170 hex color

#2c7170 Color Information

#2c7170 Color Conversion

Color Schemes with #2c7170

Alternatives to #2c7170

#2c7170 Preview

Shades and Tints of #2c7170

Tones of #2c7170

Color Blindness Simulator