#2c7166 hex color

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

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

● #2c7166 color description : Very dark cyan.

The hexadecimal color #2c7166 has RGB values of R:44, G:113, B:102 and CMYK values of C:0.61, M:0, Y:0.1, K:0.56. Its decimal value is 2912614.

Hex triplet	2c7166	`#2c7166`
RGB Decimal	44, 113, 102	`rgb(44,113,102)`
RGB Percent	17.3, 44.3, 40	`rgb(17.3%,44.3%,40%)`
CMYK	61, 0, 10, 56
HSL	170.4°, 43.9, 30.8	`hsl(170.4,43.9%,30.8%)`
HSV (or HSB)	170.4°, 61.1, 44.3
Web Safe	336666	`#336666`

CIE-LAB	43.218, -24.509, -0.373
XYZ	9.341, 13.304, 14.645
xyY	0.25, 0.357, 13.304
CIE-LCH	43.218, 24.512, 180.871
CIE-LUV	43.218, -28.125, 2.941
Hunter-Lab	36.475, -18.117, 1.727
Binary	00101100, 01110001, 01100110

#2c7166
```
#2c7166 rgb(44,113,102)
```
#712c37
```
#712c37 rgb(113,44,55)
```

Complementary Color

#2c7144
```
#2c7144 rgb(44,113,68)
```
#2c7166
```
#2c7166 rgb(44,113,102)
```
#2c5a71
```
#2c5a71 rgb(44,90,113)
```

Analogous Color

#71442c
```
#71442c rgb(113,68,44)
```
#2c7166
```
#2c7166 rgb(44,113,102)
```
#712c5a
```
#712c5a rgb(113,44,90)
```

Split Complementary Color

#71662c
```
#71662c rgb(113,102,44)
```
#2c7166
```
#2c7166 rgb(44,113,102)
```
#662c71
```
#662c71 rgb(102,44,113)
```

Triadic Color

#37712c
```
#37712c rgb(55,113,44)
```
#2c7166
```
#2c7166 rgb(44,113,102)
```
#662c71
```
#662c71 rgb(102,44,113)
```
#712c37
```
#712c37 rgb(113,44,55)
```

Tetradic Color

#173a34
```
#173a34 rgb(23,58,52)
```
#1e4c45
```
#1e4c45 rgb(30,76,69)
```
#255f55
```
#255f55 rgb(37,95,85)
```
#2c7166
```
#2c7166 rgb(44,113,102)
```
#338377
```
#338377 rgb(51,131,119)
```
#3a9687
```
#3a9687 rgb(58,150,135)
```
#41a898
```
#41a898 rgb(65,168,152)
```

Monochromatic Color

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

#2c7155
```
#2c7155 rgb(44,113,85)
```
#2c715b
```
#2c715b rgb(44,113,91)
```
#2c7160
```
#2c7160 rgb(44,113,96)
```
#2c7166
```
#2c7166 rgb(44,113,102)
```
#2c716c
```
#2c716c rgb(44,113,108)
```
#2c7171
```
#2c7171 rgb(44,113,113)
```
#2c6b71
```
#2c6b71 rgb(44,107,113)
```

Similar Colors

Text with hexadecimal color #2c7166

This text has a font color of #2c7166.

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

#2c7166 background color

This paragraph has a background color of #2c7166.

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

#2c7166 border color

This element has a border color of #2c7166.

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

CSS codes

.text {color:#2c7166;}

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

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

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 #f1faf8 is the lightest one.

#000000
```
#000000 rgb(0,0,0)
```
#060e0d
```
#060e0d rgb(6,14,13)
```
#0b1c1a
```
#0b1c1a rgb(11,28,26)
```
#112a26
```
#112a26 rgb(17,42,38)
```
#163933
```
#163933 rgb(22,57,51)
```
#1c4740
```
#1c4740 rgb(28,71,64)
```
#21554d
```
#21554d rgb(33,85,77)
```
#276359
```
#276359 rgb(39,99,89)
```
#2c7166
```
#2c7166 rgb(44,113,102)
```
#317f73
```
#317f73 rgb(49,127,115)
```
#378d7f
```
#378d7f rgb(55,141,127)
```
#3c9b8c
```
#3c9b8c rgb(60,155,140)
```
#42a999
```
#42a999 rgb(66,169,153)
```

Shade Color Variation

#48b8a6
```
#48b8a6 rgb(72,184,166)
```
#56bdad
```
#56bdad rgb(86,189,173)
```
#64c3b3
```
#64c3b3 rgb(100,195,179)
```
#72c8ba
```
#72c8ba rgb(114,200,186)
```
#80cec1
```
#80cec1 rgb(128,206,193)
```
#8ed3c8
```
#8ed3c8 rgb(142,211,200)
```
#9cd9cf
```
#9cd9cf rgb(156,217,207)
```
#aaded6
```
#aaded6 rgb(170,222,214)
```
#b8e4dd
```
#b8e4dd rgb(184,228,221)
```
#c7e9e4
```
#c7e9e4 rgb(199,233,228)
```
#d5efea
```
#d5efea rgb(213,239,234)
```
#e3f4f1
```
#e3f4f1 rgb(227,244,241)
```
#f1faf8
```
#f1faf8 rgb(241,250,248)
```

Tint Color Variation

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

#4a5351
```
#4a5351 rgb(74,83,81)
```
#445956
```
#445956 rgb(68,89,86)
```
#3e5f5a
```
#3e5f5a rgb(62,95,90)
```
#38655e
```
#38655e rgb(56,101,94)
```
#326b62
```
#326b62 rgb(50,107,98)
```
#2c7166
```
#2c7166 rgb(44,113,102)
```
#26776a
```
#26776a rgb(38,119,106)
```
#207d6e
```
#207d6e rgb(32,125,110)
```
#1a8372
```
#1a8372 rgb(26,131,114)
```
#148976
```
#148976 rgb(20,137,118)
```
#0e8f7b
```
#0e8f7b rgb(14,143,123)
```
#08957f
```
#08957f rgb(8,149,127)
```
#029b83
```
#029b83 rgb(2,155,131)
```

Tone Color Variation

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

#5b5b5b Achromatopsia 0.005% of the population
#525f5d Atypical Achromatopsia 0.001% of the population

Dichromacy

#716d68 Protanopia 1% of men
#766b72 Deuteranopia 1% of men
#3e757e Tritanopia 0.001% of the population

Trichromacy

#586e67 Protanomaly 1% of men, 0.01% of women
#5b6d6e Deuteranomaly 6% of men, 0.4% of women
#377475 Tritanomaly 0.01% of the population

#2c7166 hex color

#2c7166 Color Information

#2c7166 Color Conversion

Color Schemes with #2c7166

Alternatives to #2c7166

#2c7166 Preview

Shades and Tints of #2c7166

Tones of #2c7166

Color Blindness Simulator