#2c7e71 hex color

In a RGB color space, hex #2c7e71 is composed of 17.3% red, 49.4% green and 44.3% blue. Whereas in a CMYK color space, it is composed of 65.1% cyan, 0% magenta, 10.3% yellow and 50.6% black. It has a hue angle of 170.5 degrees, a saturation of 48.2% and a lightness of 33.3%. #2c7e71 color hex could be obtained by blending #58fce2 with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 17
- G 49
- B 44
RGB color chart
- C 65
- M 0
- Y 10
- K 51
CMYK color chart

● #2c7e71 color description : Dark moderate cyan.

The hexadecimal color #2c7e71 has RGB values of R:44, G:126, B:113 and CMYK values of C:0.65, M:0, Y:0.1, K:0.51. Its decimal value is 2915953.

Hex triplet	2c7e71	`#2c7e71`
RGB Decimal	44, 126, 113	`rgb(44,126,113)`
RGB Percent	17.3, 49.4, 44.3	`rgb(17.3%,49.4%,44.3%)`
CMYK	65, 0, 10, 51
HSL	170.5°, 48.2, 33.3	`hsl(170.5,48.2%,33.3%)`
HSV (or HSB)	170.5°, 65.1, 49.4
Web Safe	336666	`#336666`

CIE-LAB	47.814, -27.91, -0.208
XYZ	11.479, 16.648, 18.23
xyY	0.248, 0.359, 16.648
CIE-LCH	47.814, 27.911, 180.427
CIE-LUV	47.814, -32.624, 3.719
Hunter-Lab	40.803, -21.186, 2.071
Binary	00101100, 01111110, 01110001

#2c7e71
```
#2c7e71 rgb(44,126,113)
```
#7e2c39
```
#7e2c39 rgb(126,44,57)
```

Complementary Color

#2c7e48
```
#2c7e48 rgb(44,126,72)
```
#2c7e71
```
#2c7e71 rgb(44,126,113)
```
#2c627e
```
#2c627e rgb(44,98,126)
```

Analogous Color

#7e482c
```
#7e482c rgb(126,72,44)
```
#2c7e71
```
#2c7e71 rgb(44,126,113)
```
#7e2c62
```
#7e2c62 rgb(126,44,98)
```

Split Complementary Color

#7e712c
```
#7e712c rgb(126,113,44)
```
#2c7e71
```
#2c7e71 rgb(44,126,113)
```
#712c7e
```
#712c7e rgb(113,44,126)
```

Triadic Color

#397e2c
```
#397e2c rgb(57,126,44)
```
#2c7e71
```
#2c7e71 rgb(44,126,113)
```
#712c7e
```
#712c7e rgb(113,44,126)
```
#7e2c39
```
#7e2c39 rgb(126,44,57)
```

Tetradic Color

#18453e
```
#18453e rgb(24,69,62)
```
#1f584f
```
#1f584f rgb(31,88,79)
```
#256b60
```
#256b60 rgb(37,107,96)
```
#2c7e71
```
#2c7e71 rgb(44,126,113)
```
#339182
```
#339182 rgb(51,145,130)
```
#39a493
```
#39a493 rgb(57,164,147)
```
#40b7a4
```
#40b7a4 rgb(64,183,164)
```

Monochromatic Color

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

#2c7e5d
```
#2c7e5d rgb(44,126,93)
```
#2c7e63
```
#2c7e63 rgb(44,126,99)
```
#2c7e6a
```
#2c7e6a rgb(44,126,106)
```
#2c7e71
```
#2c7e71 rgb(44,126,113)
```
#2c7e78
```
#2c7e78 rgb(44,126,120)
```
#2c7d7e
```
#2c7d7e rgb(44,125,126)
```
#2c777e
```
#2c777e rgb(44,119,126)
```

Similar Colors

Text with hexadecimal color #2c7e71

This text has a font color of #2c7e71.

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

#2c7e71 background color

This paragraph has a background color of #2c7e71.

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

#2c7e71 border color

This element has a border color of #2c7e71.

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

CSS codes

.text {color:#2c7e71;}

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

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

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, #030a09 is the darkest color, while #fafdfd is the lightest one.

#030a09
```
#030a09 rgb(3,10,9)
```
#081816
```
#081816 rgb(8,24,22)
```
#0e2723
```
#0e2723 rgb(14,39,35)
```
#133530
```
#133530 rgb(19,53,48)
```
#18443d
```
#18443d rgb(24,68,61)
```
#1d524a
```
#1d524a rgb(29,82,74)
```
#226157
```
#226157 rgb(34,97,87)
```
#276f64
```
#276f64 rgb(39,111,100)
```
#2c7e71
```
#2c7e71 rgb(44,126,113)
```
#318d7e
```
#318d7e rgb(49,141,126)
```
#369b8b
```
#369b8b rgb(54,155,139)
```
#3baa98
```
#3baa98 rgb(59,170,152)
```
#40b8a5
```
#40b8a5 rgb(64,184,165)
```

Shade Color Variation

#4cc0ae
```
#4cc0ae rgb(76,192,174)
```
#5ac5b4
```
#5ac5b4 rgb(90,197,180)
```
#69cbbb
```
#69cbbb rgb(105,203,187)
```
#77d0c2
```
#77d0c2 rgb(119,208,194)
```
#86d5c8
```
#86d5c8 rgb(134,213,200)
```
#94dacf
```
#94dacf rgb(148,218,207)
```
#a3dfd5
```
#a3dfd5 rgb(163,223,213)
```
#b1e4dc
```
#b1e4dc rgb(177,228,220)
```
#c0e9e3
```
#c0e9e3 rgb(192,233,227)
```
#cfeee9
```
#cfeee9 rgb(207,238,233)
```
#ddf3f0
```
#ddf3f0 rgb(221,243,240)
```
#ecf8f6
```
#ecf8f6 rgb(236,248,246)
```
#fafdfd
```
#fafdfd rgb(250,253,253)
```

Tint Color Variation

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

#535756
```
#535756 rgb(83,87,86)
```
#4d5d5b
```
#4d5d5b rgb(77,93,91)
```
#46645f
```
#46645f rgb(70,100,95)
```
#406a64
```
#406a64 rgb(64,106,100)
```
#397168
```
#397168 rgb(57,113,104)
```
#33776d
```
#33776d rgb(51,119,109)
```
#2c7e71
```
#2c7e71 rgb(44,126,113)
```
#258575
```
#258575 rgb(37,133,117)
```
#1f8b7a
```
#1f8b7a rgb(31,139,122)
```
#18927e
```
#18927e rgb(24,146,126)
```
#129883
```
#129883 rgb(18,152,131)
```
#0b9f87
```
#0b9f87 rgb(11,159,135)
```
#05a58c
```
#05a58c rgb(5,165,140)
```

Tone Color Variation

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

#646464 Achromatopsia 0.005% of the population
#596967 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7c7872 Protanopia 1% of men
#81757d Deuteranopia 1% of men
#40818b Tritanopia 0.001% of the population

Trichromacy

#5f7a71 Protanomaly 1% of men, 0.01% of women
#627879 Deuteranomaly 6% of men, 0.4% of women
#398081 Tritanomaly 0.01% of the population

#2c7e71 hex color

#2c7e71 Color Information

#2c7e71 Color Conversion

Color Schemes with #2c7e71

Alternatives to #2c7e71

#2c7e71 Preview

Shades and Tints of #2c7e71

Tones of #2c7e71

Color Blindness Simulator