colorhexa.com

#3c7270 hex color

In a RGB color space, hex #3c7270 is composed of 23.5% red, 44.7% green and 43.9% blue. Whereas in a CMYK color space, it is composed of 47.4% cyan, 0% magenta, 1.8% yellow and 55.3% black. It has a hue angle of 177.8 degrees, a saturation of 31% and a lightness of 34.1%. #3c7270 color hex could be obtained by blending #78e4e0 with #000000. Closest websafe color is: #336666.

- R 24
- G 45
- B 44
RGB color chart
- C 47
- M 0
- Y 2
- K 55
CMYK color chart

● #3c7270 color description : Very dark desaturated cyan.

The hexadecimal color #3c7270 has RGB values of R:60, G:114, B:112 and CMYK values of C:0.47, M:0, Y:0.02, K:0.55. Its decimal value is 3961456.

Hex triplet	3c7270	`#3c7270`
RGB Decimal	60, 114, 112	`rgb(60,114,112)`
RGB Percent	23.5, 44.7, 43.9	`rgb(23.5%,44.7%,43.9%)`
CMYK	47, 0, 2, 55
HSL	177.8°, 31, 34.1	`hsl(177.8,31%,34.1%)`
HSV (or HSB)	177.8°, 47.4, 44.7
Web Safe	336666	`#336666`

CIE-LAB	44.468, -18.427, -4.471
XYZ	10.805, 14.164, 17.493
xyY	0.254, 0.334, 14.164
CIE-LCH	44.468, 18.961, 193.637
CIE-LUV	44.468, -23.765, -3.488
Hunter-Lab	37.636, -14.618, -1.213
Binary	00111100, 01110010, 01110000

#3c7270
```
#3c7270 rgb(60,114,112)
```
#723c3e
```
#723c3e rgb(114,60,62)
```

Complementary Color

#3c7255
```
#3c7255 rgb(60,114,85)
```
#3c7270
```
#3c7270 rgb(60,114,112)
```
#3c5972
```
#3c5972 rgb(60,89,114)
```

Analogous Color

#72553c
```
#72553c rgb(114,85,60)
```
#3c7270
```
#3c7270 rgb(60,114,112)
```
#723c59
```
#723c59 rgb(114,60,89)
```

Split Complementary Color

#72703c
```
#72703c rgb(114,112,60)
```
#3c7270
```
#3c7270 rgb(60,114,112)
```
#703c72
```
#703c72 rgb(112,60,114)
```

Triadic Color

#3e723c
```
#3e723c rgb(62,114,60)
```
#3c7270
```
#3c7270 rgb(60,114,112)
```
#703c72
```
#703c72 rgb(112,60,114)
```
#723c3e
```
#723c3e rgb(114,60,62)
```

Tetradic Color

#22403f
```
#22403f rgb(34,64,63)
```
#2a514f
```
#2a514f rgb(42,81,79)
```
#336160
```
#336160 rgb(51,97,96)
```
#3c7270
```
#3c7270 rgb(60,114,112)
```
#458380
```
#458380 rgb(69,131,128)
```
#4e9391
```
#4e9391 rgb(78,147,145)
```
#56a4a1
```
#56a4a1 rgb(86,164,161)
```

Monochromatic Color

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

#3c7263
```
#3c7263 rgb(60,114,99)
```
#3c7267
```
#3c7267 rgb(60,114,103)
```
#3c726c
```
#3c726c rgb(60,114,108)
```
#3c7270
```
#3c7270 rgb(60,114,112)
```
#3c7072
```
#3c7072 rgb(60,112,114)
```
#3c6b72
```
#3c6b72 rgb(60,107,114)
```
#3c6772
```
#3c6772 rgb(60,103,114)
```

Similar Colors

Text with hexadecimal color #3c7270

This text has a font color of #3c7270.

<span style="color:#3c7270;">Text here</span>

#3c7270 background color

This paragraph has a background color of #3c7270.

<p style="background-color:#3c7270;">Content here</p>

#3c7270 border color

This element has a border color of #3c7270.

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

CSS codes

.text {color:#3c7270;}

.background {background-color:#3c7270;}

.border {border:1px solid #3c7270;}

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, #060b0b is the darkest color, while #fdfefe is the lightest one.

#060b0b
```
#060b0b rgb(6,11,11)
```
#0d1818
```
#0d1818 rgb(13,24,24)
```
#132524
```
#132524 rgb(19,37,36)
```
#1a3231
```
#1a3231 rgb(26,50,49)
```
#213f3d
```
#213f3d rgb(33,63,61)
```
#284b4a
```
#284b4a rgb(40,75,74)
```
#2e5857
```
#2e5857 rgb(46,88,87)
```
#356563
```
#356563 rgb(53,101,99)
```
#3c7270
```
#3c7270 rgb(60,114,112)
```
#437f7d
```
#437f7d rgb(67,127,125)
```
#4a8c89
```
#4a8c89 rgb(74,140,137)
```
#509996
```
#509996 rgb(80,153,150)
```
#57a5a3
```
#57a5a3 rgb(87,165,163)
```

Shade Color Variation

#63adaa
```
#63adaa rgb(99,173,170)
```
#70b4b1
```
#70b4b1 rgb(112,180,177)
```
#7dbab8
```
#7dbab8 rgb(125,186,184)
```
#8ac1bf
```
#8ac1bf rgb(138,193,191)
```
#97c8c6
```
#97c8c6 rgb(151,200,198)
```
#a3cfcd
```
#a3cfcd rgb(163,207,205)
```
#b0d6d4
```
#b0d6d4 rgb(176,214,212)
```
#bddcdb
```
#bddcdb rgb(189,220,219)
```
#cae3e2
```
#cae3e2 rgb(202,227,226)
```
#d7eae9
```
#d7eae9 rgb(215,234,233)
```
#e4f1f0
```
#e4f1f0 rgb(228,241,240)
```
#f0f7f7
```
#f0f7f7 rgb(240,247,247)
```
#fdfefe
```
#fdfefe rgb(253,254,254)
```

Tint Color Variation

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

#575757
```
#575757 rgb(87,87,87)
```
#505e5d
```
#505e5d rgb(80,94,93)
```
#496564
```
#496564 rgb(73,101,100)
```
#436b6a
```
#436b6a rgb(67,107,106)
```
#3c7270
```
#3c7270 rgb(60,114,112)
```
#357976
```
#357976 rgb(53,121,118)
```
#2f7f7c
```
#2f7f7c rgb(47,127,124)
```
#288683
```
#288683 rgb(40,134,131)
```
#218d89
```
#218d89 rgb(33,141,137)
```
#1b938f
```
#1b938f rgb(27,147,143)
```
#149a95
```
#149a95 rgb(20,154,149)
```
#0da19b
```
#0da19b rgb(13,161,155)
```
#06a8a2
```
#06a8a2 rgb(6,168,162)
```

Tone Color Variation

Below, you can see how #3c7270 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

#626262 Achromatopsia 0.005% of the population
#5a6565 Atypical Achromatopsia 0.001% of the population

Dichromacy

#727072 Protanopia 1% of men
#766e7b Deuteranopia 1% of men
#497780 Tritanopia 0.001% of the population

Trichromacy

#5e7071 Protanomaly 1% of men, 0.01% of women
#616f77 Deuteranomaly 6% of men, 0.4% of women
#44757a Tritanomaly 0.01% of the population