#2c7471 hex color

In a RGB color space, hex #2c7471 is composed of 17.3% red, 45.5% green and 44.3% blue. Whereas in a CMYK color space, it is composed of 62.1% cyan, 0% magenta, 2.6% yellow and 54.5% black. It has a hue angle of 177.5 degrees, a saturation of 45% and a lightness of 31.4%. #2c7471 color hex could be obtained by blending #58e8e2 with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 17
- G 45
- B 44
RGB color chart
- C 62
- M 0
- Y 3
- K 55
CMYK color chart

● #2c7471 color description : Dark moderate cyan.

The hexadecimal color #2c7471 has RGB values of R:44, G:116, B:113 and CMYK values of C:0.62, M:0, Y:0.03, K:0.55. Its decimal value is 2913393.

Hex triplet	2c7471	`#2c7471`
RGB Decimal	44, 116, 113	`rgb(44,116,113)`
RGB Percent	17.3, 45.5, 44.3	`rgb(17.3%,45.5%,44.3%)`
CMYK	62, 0, 3, 55
HSL	177.5°, 45, 31.4	`hsl(177.5,45%,31.4%)`
HSV (or HSB)	177.5°, 62.1, 45.5
Web Safe	336666	`#336666`

CIE-LAB	44.544, -22.863, -5.024
XYZ	10.264, 14.218, 17.825
xyY	0.243, 0.336, 14.218
CIE-LCH	44.544, 23.408, 192.394
CIE-LUV	44.544, -28.738, -3.705
Hunter-Lab	37.706, -17.398, -1.634
Binary	00101100, 01110100, 01110001

#2c7471
```
#2c7471 rgb(44,116,113)
```
#742c2f
```
#742c2f rgb(116,44,47)
```

Complementary Color

#2c744d
```
#2c744d rgb(44,116,77)
```
#2c7471
```
#2c7471 rgb(44,116,113)
```
#2c5374
```
#2c5374 rgb(44,83,116)
```

Analogous Color

#744d2c
```
#744d2c rgb(116,77,44)
```
#2c7471
```
#2c7471 rgb(44,116,113)
```
#742c53
```
#742c53 rgb(116,44,83)
```

Split Complementary Color

#74712c
```
#74712c rgb(116,113,44)
```
#2c7471
```
#2c7471 rgb(44,116,113)
```
#712c74
```
#712c74 rgb(113,44,116)
```

Triadic Color

#2f742c
```
#2f742c rgb(47,116,44)
```
#2c7471
```
#2c7471 rgb(44,116,113)
```
#712c74
```
#712c74 rgb(113,44,116)
```
#742c2f
```
#742c2f rgb(116,44,47)
```

Tetradic Color

#173d3b
```
#173d3b rgb(23,61,59)
```
#1e4f4d
```
#1e4f4d rgb(30,79,77)
```
#25625f
```
#25625f rgb(37,98,95)
```
#2c7471
```
#2c7471 rgb(44,116,113)
```
#338683
```
#338683 rgb(51,134,131)
```
#3a9995
```
#3a9995 rgb(58,153,149)
```
#41aba7
```
#41aba7 rgb(65,171,167)
```

Monochromatic Color

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

#2c745f
```
#2c745f rgb(44,116,95)
```
#2c7465
```
#2c7465 rgb(44,116,101)
```
#2c746b
```
#2c746b rgb(44,116,107)
```
#2c7471
```
#2c7471 rgb(44,116,113)
```
#2c7174
```
#2c7174 rgb(44,113,116)
```
#2c6b74
```
#2c6b74 rgb(44,107,116)
```
#2c6574
```
#2c6574 rgb(44,101,116)
```

Similar Colors

Text with hexadecimal color #2c7471

This text has a font color of #2c7471.

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

#2c7471 background color

This paragraph has a background color of #2c7471.

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

#2c7471 border color

This element has a border color of #2c7471.

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

CSS codes

.text {color:#2c7471;}

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

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

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

#010202
```
#010202 rgb(1,2,2)
```
#061010
```
#061010 rgb(6,16,16)
```
#0c1f1e
```
#0c1f1e rgb(12,31,30)
```
#112d2c
```
#112d2c rgb(17,45,44)
```
#163b3a
```
#163b3a rgb(22,59,58)
```
#1c4947
```
#1c4947 rgb(28,73,71)
```
#215855
```
#215855 rgb(33,88,85)
```
#276663
```
#276663 rgb(39,102,99)
```
#2c7471
```
#2c7471 rgb(44,116,113)
```
#31827f
```
#31827f rgb(49,130,127)
```
#37908d
```
#37908d rgb(55,144,141)
```
#3c9f9b
```
#3c9f9b rgb(60,159,155)
```
#42ada8
```
#42ada8 rgb(66,173,168)
```

Shade Color Variation

#48bab5
```
#48bab5 rgb(72,186,181)
```
#57bfbb
```
#57bfbb rgb(87,191,187)
```
#65c5c1
```
#65c5c1 rgb(101,197,193)
```
#73cac6
```
#73cac6 rgb(115,202,198)
```
#81cfcc
```
#81cfcc rgb(129,207,204)
```
#8fd5d2
```
#8fd5d2 rgb(143,213,210)
```
#9edad8
```
#9edad8 rgb(158,218,216)
```
#acdfdd
```
#acdfdd rgb(172,223,221)
```
#bae5e3
```
#bae5e3 rgb(186,229,227)
```
#c8eae9
```
#c8eae9 rgb(200,234,233)
```
#d7f0ef
```
#d7f0ef rgb(215,240,239)
```
#e5f5f4
```
#e5f5f4 rgb(229,245,244)
```
#f3fafa
```
#f3fafa rgb(243,250,250)
```

Tint Color Variation

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

#4b5555
```
#4b5555 rgb(75,85,85)
```
#455b5a
```
#455b5a rgb(69,91,90)
```
#3e6260
```
#3e6260 rgb(62,98,96)
```
#386866
```
#386866 rgb(56,104,102)
```
#326e6b
```
#326e6b rgb(50,110,107)
```
#2c7471
```
#2c7471 rgb(44,116,113)
```
#267a77
```
#267a77 rgb(38,122,119)
```
#20807c
```
#20807c rgb(32,128,124)
```
#1a8682
```
#1a8682 rgb(26,134,130)
```
#138d88
```
#138d88 rgb(19,141,136)
```
#0d938d
```
#0d938d rgb(13,147,141)
```
#079993
```
#079993 rgb(7,153,147)
```
#019f98
```
#019f98 rgb(1,159,152)
```

Tone Color Variation

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

#5e5e5e Achromatopsia 0.005% of the population
#546262 Atypical Achromatopsia 0.001% of the population

Dichromacy

#727072 Protanopia 1% of men
#756e7d Deuteranopia 1% of men
#3c7982 Tritanopia 0.001% of the population

Trichromacy

#587171 Protanomaly 1% of men, 0.01% of women
#5a7078 Deuteranomaly 6% of men, 0.4% of women
#36777c Tritanomaly 0.01% of the population

#2c7471 hex color

#2c7471 Color Information

#2c7471 Color Conversion

Color Schemes with #2c7471

Alternatives to #2c7471

#2c7471 Preview

Shades and Tints of #2c7471

Tones of #2c7471

Color Blindness Simulator