#2c6c80 hex color

In a RGB color space, hex #2c6c80 is composed of 17.3% red, 42.4% green and 50.2% blue. Whereas in a CMYK color space, it is composed of 65.6% cyan, 15.6% magenta, 0% yellow and 49.8% black. It has a hue angle of 194.3 degrees, a saturation of 48.8% and a lightness of 33.7%. #2c6c80 color hex could be obtained by blending #58d8ff with #000001. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 17
- G 42
- B 50
RGB color chart
- C 66
- M 16
- Y 0
- K 50
CMYK color chart

● #2c6c80 color description : Dark moderate cyan.

The hexadecimal color #2c6c80 has RGB values of R:44, G:108, B:128 and CMYK values of C:0.66, M:0.16, Y:0, K:0.5. Its decimal value is 2911360.

Hex triplet	2c6c80	`#2c6c80`
RGB Decimal	44, 108, 128	`rgb(44,108,128)`
RGB Percent	17.3, 42.4, 50.2	`rgb(17.3%,42.4%,50.2%)`
CMYK	66, 16, 0, 50
HSL	194.3°, 48.8, 33.7	`hsl(194.3,48.8%,33.7%)`
HSV (or HSB)	194.3°, 65.6, 50.2
Web Safe	336699	`#336699`

CIE-LAB	42.488, -13.751, -17.141
XYZ	10.297, 12.818, 22.352
xyY	0.226, 0.282, 12.818
CIE-LCH	42.488, 21.975, 231.262
CIE-LUV	42.488, -24.905, -22.354
Hunter-Lab	35.803, -11.32, -11.954
Binary	00101100, 01101100, 10000000

#2c6c80
```
#2c6c80 rgb(44,108,128)
```
#80402c
```
#80402c rgb(128,64,44)
```

Complementary Color

#2c806a
```
#2c806a rgb(44,128,106)
```
#2c6c80
```
#2c6c80 rgb(44,108,128)
```
#2c4280
```
#2c4280 rgb(44,66,128)
```

Analogous Color

#806a2c
```
#806a2c rgb(128,106,44)
```
#2c6c80
```
#2c6c80 rgb(44,108,128)
```
#802c42
```
#802c42 rgb(128,44,66)
```

Split Complementary Color

#6c802c
```
#6c802c rgb(108,128,44)
```
#2c6c80
```
#2c6c80 rgb(44,108,128)
```
#802c6c
```
#802c6c rgb(128,44,108)
```

Triadic Color

#2c8040
```
#2c8040 rgb(44,128,64)
```
#2c6c80
```
#2c6c80 rgb(44,108,128)
```
#802c6c
```
#802c6c rgb(128,44,108)
```
#80402c
```
#80402c rgb(128,64,44)
```

Tetradic Color

#183c47
```
#183c47 rgb(24,60,71)
```
#1f4c5a
```
#1f4c5a rgb(31,76,90)
```
#255c6d
```
#255c6d rgb(37,92,109)
```
#2c6c80
```
#2c6c80 rgb(44,108,128)
```
#337c93
```
#337c93 rgb(51,124,147)
```
#398ca6
```
#398ca6 rgb(57,140,166)
```
#409cb9
```
#409cb9 rgb(64,156,185)
```

Monochromatic Color

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

#2c807f
```
#2c807f rgb(44,128,127)
```
#2c7a80
```
#2c7a80 rgb(44,122,128)
```
#2c7380
```
#2c7380 rgb(44,115,128)
```
#2c6c80
```
#2c6c80 rgb(44,108,128)
```
#2c6580
```
#2c6580 rgb(44,101,128)
```
#2c5e80
```
#2c5e80 rgb(44,94,128)
```
#2c5780
```
#2c5780 rgb(44,87,128)
```

Similar Colors

Text with hexadecimal color #2c6c80

This text has a font color of #2c6c80.

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

#2c6c80 background color

This paragraph has a background color of #2c6c80.

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

#2c6c80 border color

This element has a border color of #2c6c80.

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

CSS codes

.text {color:#2c6c80;}

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

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

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, #04090b is the darkest color, while #fcfdfe is the lightest one.

#04090b
```
#04090b rgb(4,9,11)
```
#09161a
```
#09161a rgb(9,22,26)
```
#0e2228
```
#0e2228 rgb(14,34,40)
```
#132e37
```
#132e37 rgb(19,46,55)
```
#183b46
```
#183b46 rgb(24,59,70)
```
#1d4754
```
#1d4754 rgb(29,71,84)
```
#225363
```
#225363 rgb(34,83,99)
```
#276071
```
#276071 rgb(39,96,113)
```
#2c6c80
```
#2c6c80 rgb(44,108,128)
```
#31788f
```
#31788f rgb(49,120,143)
```
#36859d
```
#36859d rgb(54,133,157)
```
#3b91ac
```
#3b91ac rgb(59,145,172)
```
#409dba
```
#409dba rgb(64,157,186)
```

Shade Color Variation

#4ca6c2
```
#4ca6c2 rgb(76,166,194)
```
#5badc7
```
#5badc7 rgb(91,173,199)
```
#6ab4cc
```
#6ab4cc rgb(106,180,204)
```
#78bcd1
```
#78bcd1 rgb(120,188,209)
```
#87c3d6
```
#87c3d6 rgb(135,195,214)
```
#95cadb
```
#95cadb rgb(149,202,219)
```
#a4d2e0
```
#a4d2e0 rgb(164,210,224)
```
#b3d9e5
```
#b3d9e5 rgb(179,217,229)
```
#c1e0ea
```
#c1e0ea rgb(193,224,234)
```
#d0e7ef
```
#d0e7ef rgb(208,231,239)
```
#deeff4
```
#deeff4 rgb(222,239,244)
```
#edf6f9
```
#edf6f9 rgb(237,246,249)
```
#fcfdfe
```
#fcfdfe rgb(252,253,254)
```

Tint Color Variation

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

#545758
```
#545758 rgb(84,87,88)
```
#4d5b5f
```
#4d5b5f rgb(77,91,95)
```
#465e66
```
#465e66 rgb(70,94,102)
```
#40626c
```
#40626c rgb(64,98,108)
```
#396573
```
#396573 rgb(57,101,115)
```
#336979
```
#336979 rgb(51,105,121)
```
#2c6c80
```
#2c6c80 rgb(44,108,128)
```
#256f87
```
#256f87 rgb(37,111,135)
```
#1f738d
```
#1f738d rgb(31,115,141)
```
#187694
```
#187694 rgb(24,118,148)
```
#127a9a
```
#127a9a rgb(18,122,154)
```
#0b7da1
```
#0b7da1 rgb(11,125,161)
```
#0481a8
```
#0481a8 rgb(4,129,168)
```

Tone Color Variation

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

#5b5b5b Achromatopsia 0.005% of the population
#525e62 Atypical Achromatopsia 0.001% of the population

Dichromacy

#676b81 Protanopia 1% of men
#656a8a Deuteranopia 1% of men
#31757d Tritanopia 0.001% of the population

Trichromacy

#516b80 Protanomaly 1% of men, 0.01% of women
#506b86 Deuteranomaly 6% of men, 0.4% of women
#2f717e Tritanomaly 0.01% of the population

#2c6c80 hex color

#2c6c80 Color Information

#2c6c80 Color Conversion

Color Schemes with #2c6c80

Alternatives to #2c6c80

#2c6c80 Preview

Shades and Tints of #2c6c80

Tones of #2c6c80

Color Blindness Simulator