#2c6f60 hex color

In a RGB color space, hex #2c6f60 is composed of 17.3% red, 43.5% green and 37.6% blue. Whereas in a CMYK color space, it is composed of 60.4% cyan, 0% magenta, 13.5% yellow and 56.5% black. It has a hue angle of 166.6 degrees, a saturation of 43.2% and a lightness of 30.4%. #2c6f60 color hex could be obtained by blending #58dec0 with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 17
- G 44
- B 38
RGB color chart
- C 60
- M 0
- Y 14
- K 56
CMYK color chart

● #2c6f60 color description : Very dark cyan.

The hexadecimal color #2c6f60 has RGB values of R:44, G:111, B:96 and CMYK values of C:0.6, M:0, Y:0.14, K:0.56. Its decimal value is 2912096.

Hex triplet	2c6f60	`#2c6f60`
RGB Decimal	44, 111, 96	`rgb(44,111,96)`
RGB Percent	17.3, 43.5, 37.6	`rgb(17.3%,43.5%,37.6%)`
CMYK	60, 0, 14, 56
HSL	166.6°, 43.2, 30.4	`hsl(166.6,43.2%,30.4%)`
HSV (or HSB)	166.6°, 60.4, 43.5
Web Safe	336666	`#336666`

CIE-LAB	42.381, -25.159, 2.022
XYZ	8.834, 12.748, 13.061
xyY	0.255, 0.368, 12.748
CIE-LCH	42.381, 25.24, 175.405
CIE-LUV	42.381, -27.626, 6.194
Hunter-Lab	35.705, -18.32, 3.305
Binary	00101100, 01101111, 01100000

#2c6f60
```
#2c6f60 rgb(44,111,96)
```
#6f2c3b
```
#6f2c3b rgb(111,44,59)
```

Complementary Color

#2c6f3f
```
#2c6f3f rgb(44,111,63)
```
#2c6f60
```
#2c6f60 rgb(44,111,96)
```
#2c5d6f
```
#2c5d6f rgb(44,93,111)
```

Analogous Color

#6f3f2c
```
#6f3f2c rgb(111,63,44)
```
#2c6f60
```
#2c6f60 rgb(44,111,96)
```
#6f2c5d
```
#6f2c5d rgb(111,44,93)
```

Split Complementary Color

#6f602c
```
#6f602c rgb(111,96,44)
```
#2c6f60
```
#2c6f60 rgb(44,111,96)
```
#602c6f
```
#602c6f rgb(96,44,111)
```

Triadic Color

#3b6f2c
```
#3b6f2c rgb(59,111,44)
```
#2c6f60
```
#2c6f60 rgb(44,111,96)
```
#602c6f
```
#602c6f rgb(96,44,111)
```
#6f2c3b
```
#6f2c3b rgb(111,44,59)
```

Tetradic Color

#163831
```
#163831 rgb(22,56,49)
```
#1e4a40
```
#1e4a40 rgb(30,74,64)
```
#255d50
```
#255d50 rgb(37,93,80)
```
#2c6f60
```
#2c6f60 rgb(44,111,96)
```
#338170
```
#338170 rgb(51,129,112)
```
#3a9480
```
#3a9480 rgb(58,148,128)
```
#42a68f
```
#42a68f rgb(66,166,143)
```

Monochromatic Color

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

#2c6f4f
```
#2c6f4f rgb(44,111,79)
```
#2c6f55
```
#2c6f55 rgb(44,111,85)
```
#2c6f5a
```
#2c6f5a rgb(44,111,90)
```
#2c6f60
```
#2c6f60 rgb(44,111,96)
```
#2c6f66
```
#2c6f66 rgb(44,111,102)
```
#2c6f6b
```
#2c6f6b rgb(44,111,107)
```
#2c6d6f
```
#2c6d6f rgb(44,109,111)
```

Similar Colors

Text with hexadecimal color #2c6f60

This text has a font color of #2c6f60.

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

#2c6f60 background color

This paragraph has a background color of #2c6f60.

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

#2c6f60 border color

This element has a border color of #2c6f60.

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

CSS codes

.text {color:#2c6f60;}

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

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

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, #050d0b is the darkest color, while #fefefe is the lightest one.

#050d0b
```
#050d0b rgb(5,13,11)
```
#0b1b17
```
#0b1b17 rgb(11,27,23)
```
#102923
```
#102923 rgb(16,41,35)
```
#16372f
```
#16372f rgb(22,55,47)
```
#1b453c
```
#1b453c rgb(27,69,60)
```
#215348
```
#215348 rgb(33,83,72)
```
#266154
```
#266154 rgb(38,97,84)
```
#2c6f60
```
#2c6f60 rgb(44,111,96)
```
#327d6c
```
#327d6c rgb(50,125,108)
```
#378b78
```
#378b78 rgb(55,139,120)
```
#3d9984
```
#3d9984 rgb(61,153,132)
```
#42a791
```
#42a791 rgb(66,167,145)
```
#48b59d
```
#48b59d rgb(72,181,157)
```

Shade Color Variation

#55bca5
```
#55bca5 rgb(85,188,165)
```
#63c1ac
```
#63c1ac rgb(99,193,172)
```
#71c7b4
```
#71c7b4 rgb(113,199,180)
```
#7fccbb
```
#7fccbb rgb(127,204,187)
```
#8dd2c3
```
#8dd2c3 rgb(141,210,195)
```
#9bd7ca
```
#9bd7ca rgb(155,215,202)
```
#a9ddd1
```
#a9ddd1 rgb(169,221,209)
```
#b7e3d9
```
#b7e3d9 rgb(183,227,217)
```
#c5e8e0
```
#c5e8e0 rgb(197,232,224)
```
#d3eee8
```
#d3eee8 rgb(211,238,232)
```
#e2f3ef
```
#e2f3ef rgb(226,243,239)
```
#f0f9f7
```
#f0f9f7 rgb(240,249,247)
```
#fefefe
```
#fefefe rgb(254,254,254)
```

Tint Color Variation

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

#4a5150
```
#4a5150 rgb(74,81,80)
```
#445753
```
#445753 rgb(68,87,83)
```
#3e5d56
```
#3e5d56 rgb(62,93,86)
```
#386359
```
#386359 rgb(56,99,89)
```
#32695d
```
#32695d rgb(50,105,93)
```
#2c6f60
```
#2c6f60 rgb(44,111,96)
```
#267563
```
#267563 rgb(38,117,99)
```
#207b67
```
#207b67 rgb(32,123,103)
```
#1a816a
```
#1a816a rgb(26,129,106)
```
#14876d
```
#14876d rgb(20,135,109)
```
#0e8d70
```
#0e8d70 rgb(14,141,112)
```
#089374
```
#089374 rgb(8,147,116)
```
#029977
```
#029977 rgb(2,153,119)
```

Tone Color Variation

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

#595959 Achromatopsia 0.005% of the population
#505d5a Atypical Achromatopsia 0.001% of the population

Dichromacy

#706b62 Protanopia 1% of men
#75686d Deuteranopia 1% of men
#3f737c Tritanopia 0.001% of the population

Trichromacy

#576c61 Protanomaly 1% of men, 0.01% of women
#5a6b68 Deuteranomaly 6% of men, 0.4% of women
#387171 Tritanomaly 0.01% of the population

#2c6f60 hex color

#2c6f60 Color Information

#2c6f60 Color Conversion

Color Schemes with #2c6f60

Alternatives to #2c6f60

#2c6f60 Preview

Shades and Tints of #2c6f60

Tones of #2c6f60

Color Blindness Simulator