#2c7870 hex color

In a RGB color space, hex #2c7870 is composed of 17.3% red, 47.1% green and 43.9% blue. Whereas in a CMYK color space, it is composed of 63.3% cyan, 0% magenta, 6.7% yellow and 52.9% black. It has a hue angle of 173.7 degrees, a saturation of 46.3% and a lightness of 32.2%. #2c7870 color hex could be obtained by blending #58f0e0 with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 17
- G 47
- B 44
RGB color chart
- C 63
- M 0
- Y 7
- K 53
CMYK color chart

● #2c7870 color description : Dark moderate cyan.

The hexadecimal color #2c7870 has RGB values of R:44, G:120, B:112 and CMYK values of C:0.63, M:0, Y:0.07, K:0.53. Its decimal value is 2914416.

Hex triplet	2c7870	`#2c7870`
RGB Decimal	44, 120, 112	`rgb(44,120,112)`
RGB Percent	17.3, 47.1, 43.9	`rgb(17.3%,47.1%,43.9%)`
CMYK	63, 0, 7, 53
HSL	173.7°, 46.3, 32.2	`hsl(173.7,46.3%,32.2%)`
HSV (or HSB)	173.7°, 63.3, 47.1
Web Safe	336666	`#336666`

CIE-LAB	45.822, -25.206, -2.537
XYZ	10.679, 15.137, 17.687
xyY	0.245, 0.348, 15.137
CIE-LCH	45.822, 25.333, 185.749
CIE-LUV	45.822, -30.351, 0.089
Hunter-Lab	38.907, -19.093, 0.281
Binary	00101100, 01111000, 01110000

#2c7870
```
#2c7870 rgb(44,120,112)
```
#782c34
```
#782c34 rgb(120,44,52)
```

Complementary Color

#2c784a
```
#2c784a rgb(44,120,74)
```
#2c7870
```
#2c7870 rgb(44,120,112)
```
#2c5a78
```
#2c5a78 rgb(44,90,120)
```

Analogous Color

#784a2c
```
#784a2c rgb(120,74,44)
```
#2c7870
```
#2c7870 rgb(44,120,112)
```
#782c5a
```
#782c5a rgb(120,44,90)
```

Split Complementary Color

#78702c
```
#78702c rgb(120,112,44)
```
#2c7870
```
#2c7870 rgb(44,120,112)
```
#702c78
```
#702c78 rgb(112,44,120)
```

Triadic Color

#34782c
```
#34782c rgb(52,120,44)
```
#2c7870
```
#2c7870 rgb(44,120,112)
```
#702c78
```
#702c78 rgb(112,44,120)
```
#782c34
```
#782c34 rgb(120,44,52)
```

Tetradic Color

#17403c
```
#17403c rgb(23,64,60)
```
#1e534d
```
#1e534d rgb(30,83,77)
```
#25655f
```
#25655f rgb(37,101,95)
```
#2c7870
```
#2c7870 rgb(44,120,112)
```
#338b81
```
#338b81 rgb(51,139,129)
```
#3a9d93
```
#3a9d93 rgb(58,157,147)
```
#41b0a4
```
#41b0a4 rgb(65,176,164)
```

Monochromatic Color

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

#2c785d
```
#2c785d rgb(44,120,93)
```
#2c7863
```
#2c7863 rgb(44,120,99)
```
#2c786a
```
#2c786a rgb(44,120,106)
```
#2c7870
```
#2c7870 rgb(44,120,112)
```
#2c7876
```
#2c7876 rgb(44,120,118)
```
#2c7378
```
#2c7378 rgb(44,115,120)
```
#2c6d78
```
#2c6d78 rgb(44,109,120)
```

Similar Colors

Text with hexadecimal color #2c7870

This text has a font color of #2c7870.

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

#2c7870 background color

This paragraph has a background color of #2c7870.

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

#2c7870 border color

This element has a border color of #2c7870.

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

CSS codes

.text {color:#2c7870;}

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

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

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

#020505
```
#020505 rgb(2,5,5)
```
#071412
```
#071412 rgb(7,20,18)
```
#0c2220
```
#0c2220 rgb(12,34,32)
```
#12302d
```
#12302d rgb(18,48,45)
```
#173f3a
```
#173f3a rgb(23,63,58)
```
#1c4d48
```
#1c4d48 rgb(28,77,72)
```
#215b55
```
#215b55 rgb(33,91,85)
```
#276a63
```
#276a63 rgb(39,106,99)
```
#2c7870
```
#2c7870 rgb(44,120,112)
```
#31867d
```
#31867d rgb(49,134,125)
```
#37958b
```
#37958b rgb(55,149,139)
```
#3ca398
```
#3ca398 rgb(60,163,152)
```
#41b1a6
```
#41b1a6 rgb(65,177,166)
```

Shade Color Variation

#4abcb0
```
#4abcb0 rgb(74,188,176)
```
#58c2b7
```
#58c2b7 rgb(88,194,183)
```
#66c7bd
```
#66c7bd rgb(102,199,189)
```
#75ccc3
```
#75ccc3 rgb(117,204,195)
```
#83d2c9
```
#83d2c9 rgb(131,210,201)
```
#91d7cf
```
#91d7cf rgb(145,215,207)
```
#a0dcd6
```
#a0dcd6 rgb(160,220,214)
```
#aee1dc
```
#aee1dc rgb(174,225,220)
```
#bce7e2
```
#bce7e2 rgb(188,231,226)
```
#cbece8
```
#cbece8 rgb(203,236,232)
```
#d9f1ef
```
#d9f1ef rgb(217,241,239)
```
#e7f6f5
```
#e7f6f5 rgb(231,246,245)
```
#f6fcfb
```
#f6fcfb rgb(246,252,251)
```

Tint Color Variation

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

#525252
```
#525252 rgb(82,82,82)
```
#4c5857
```
#4c5857 rgb(76,88,87)
```
#455f5c
```
#455f5c rgb(69,95,92)
```
#3f6561
```
#3f6561 rgb(63,101,97)
```
#396b66
```
#396b66 rgb(57,107,102)
```
#32726b
```
#32726b rgb(50,114,107)
```
#2c7870
```
#2c7870 rgb(44,120,112)
```
#267e75
```
#267e75 rgb(38,126,117)
```
#1f857a
```
#1f857a rgb(31,133,122)
```
#198b7f
```
#198b7f rgb(25,139,127)
```
#139184
```
#139184 rgb(19,145,132)
```
#0c9889
```
#0c9889 rgb(12,152,137)
```
#069e8e
```
#069e8e rgb(6,158,142)
```

Tone Color Variation

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

#606060 Achromatopsia 0.005% of the population
#566563 Atypical Achromatopsia 0.001% of the population

Dichromacy

#767371 Protanopia 1% of men
#7a717c Deuteranopia 1% of men
#3e7c85 Tritanopia 0.001% of the population

Trichromacy

#5b7570 Protanomaly 1% of men, 0.01% of women
#5e7377 Deuteranomaly 6% of men, 0.4% of women
#377b7d Tritanomaly 0.01% of the population

#2c7870 hex color

#2c7870 Color Information

#2c7870 Color Conversion

Color Schemes with #2c7870

Alternatives to #2c7870

#2c7870 Preview

Shades and Tints of #2c7870

Tones of #2c7870

Color Blindness Simulator