#2c8580 hex color

In a RGB color space, hex #2c8580 is composed of 17.3% red, 52.2% green and 50.2% blue. Whereas in a CMYK color space, it is composed of 66.9% cyan, 0% magenta, 3.8% yellow and 47.8% black. It has a hue angle of 176.6 degrees, a saturation of 50.3% and a lightness of 34.7%. #2c8580 color hex could be obtained by blending #58ffff with #000b01. Closest websafe color is: #339999.

♥
- f
- t
- g
- R 17
- G 52
- B 50
RGB color chart
- C 67
- M 0
- Y 4
- K 48
CMYK color chart

● #2c8580 color description : Dark moderate cyan.

The hexadecimal color #2c8580 has RGB values of R:44, G:133, B:128 and CMYK values of C:0.67, M:0, Y:0.04, K:0.48. Its decimal value is 2917760.

Hex triplet	2c8580	`#2c8580`
RGB Decimal	44, 133, 128	`rgb(44,133,128)`
RGB Percent	17.3, 52.2, 50.2	`rgb(17.3%,52.2%,50.2%)`
CMYK	67, 0, 4, 48
HSL	176.6°, 50.3, 34.7	`hsl(176.6,50.3%,34.7%)`
HSV (or HSB)	176.6°, 66.9, 52.2
Web Safe	339999	`#339999`

CIE-LAB	50.532, -27.057, -5.02
XYZ	13.321, 18.868, 23.361
xyY	0.24, 0.34, 18.868
CIE-LCH	50.532, 27.518, 190.511
CIE-LUV	50.532, -34.435, -3.223
Hunter-Lab	43.437, -21.273, -1.48
Binary	00101100, 10000101, 10000000

#2c8580
```
#2c8580 rgb(44,133,128)
```
#852c31
```
#852c31 rgb(133,44,49)
```

Complementary Color

#2c8554
```
#2c8554 rgb(44,133,84)
```
#2c8580
```
#2c8580 rgb(44,133,128)
```
#2c5e85
```
#2c5e85 rgb(44,94,133)
```

Analogous Color

#85542c
```
#85542c rgb(133,84,44)
```
#2c8580
```
#2c8580 rgb(44,133,128)
```
#852c5e
```
#852c5e rgb(133,44,94)
```

Split Complementary Color

#85802c
```
#85802c rgb(133,128,44)
```
#2c8580
```
#2c8580 rgb(44,133,128)
```
#802c85
```
#802c85 rgb(128,44,133)
```

Triadic Color

#31852c
```
#31852c rgb(49,133,44)
```
#2c8580
```
#2c8580 rgb(44,133,128)
```
#802c85
```
#802c85 rgb(128,44,133)
```
#852c31
```
#852c31 rgb(133,44,49)
```

Tetradic Color

#194c49
```
#194c49 rgb(25,76,73)
```
#1f5f5b
```
#1f5f5b rgb(31,95,91)
```
#26726e
```
#26726e rgb(38,114,110)
```
#2c8580
```
#2c8580 rgb(44,133,128)
```
#329892
```
#329892 rgb(50,152,146)
```
#39aba5
```
#39aba5 rgb(57,171,165)
```
#3fbeb7
```
#3fbeb7 rgb(63,190,183)
```

Monochromatic Color

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

#2c856a
```
#2c856a rgb(44,133,106)
```
#2c8571
```
#2c8571 rgb(44,133,113)
```
#2c8579
```
#2c8579 rgb(44,133,121)
```
#2c8580
```
#2c8580 rgb(44,133,128)
```
#2c8385
```
#2c8385 rgb(44,131,133)
```
#2c7b85
```
#2c7b85 rgb(44,123,133)
```
#2c7485
```
#2c7485 rgb(44,116,133)
```

Similar Colors

Text with hexadecimal color #2c8580

This text has a font color of #2c8580.

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

#2c8580 background color

This paragraph has a background color of #2c8580.

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

#2c8580 border color

This element has a border color of #2c8580.

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

CSS codes

.text {color:#2c8580;}

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

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

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

#000000
```
#000000 rgb(0,0,0)
```
#050f0f
```
#050f0f rgb(5,15,15)
```
#0a1e1d
```
#0a1e1d rgb(10,30,29)
```
#0f2d2b
```
#0f2d2b rgb(15,45,43)
```
#143b39
```
#143b39 rgb(20,59,57)
```
#184a47
```
#184a47 rgb(24,74,71)
```
#1d5955
```
#1d5955 rgb(29,89,85)
```
#226864
```
#226864 rgb(34,104,100)
```
#277672
```
#277672 rgb(39,118,114)
```
#2c8580
```
#2c8580 rgb(44,133,128)
```
#31948e
```
#31948e rgb(49,148,142)
```
#36a29c
```
#36a29c rgb(54,162,156)
```
#3bb1ab
```
#3bb1ab rgb(59,177,171)
```

Shade Color Variation

#40c0b9
```
#40c0b9 rgb(64,192,185)
```
#4ec5be
```
#4ec5be rgb(78,197,190)
```
#5dc9c3
```
#5dc9c3 rgb(93,201,195)
```
#6ccec9
```
#6ccec9 rgb(108,206,201)
```
#7bd3ce
```
#7bd3ce rgb(123,211,206)
```
#89d8d4
```
#89d8d4 rgb(137,216,212)
```
#98ddd9
```
#98ddd9 rgb(152,221,217)
```
#a7e2df
```
#a7e2df rgb(167,226,223)
```
#b6e7e4
```
#b6e7e4 rgb(182,231,228)
```
#c4ece9
```
#c4ece9 rgb(196,236,233)
```
#d3f0ef
```
#d3f0ef rgb(211,240,239)
```
#e2f5f4
```
#e2f5f4 rgb(226,245,244)
```
#f1fafa
```
#f1fafa rgb(241,250,250)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #555c5c is the less saturated color, while #03aea4 is the most saturated one.

#555c5c
```
#555c5c rgb(85,92,92)
```
#4e6362
```
#4e6362 rgb(78,99,98)
```
#476a68
```
#476a68 rgb(71,106,104)
```
#40716e
```
#40716e rgb(64,113,110)
```
#3a7774
```
#3a7774 rgb(58,119,116)
```
#337e7a
```
#337e7a rgb(51,126,122)
```
#2c8580
```
#2c8580 rgb(44,133,128)
```
#258c86
```
#258c86 rgb(37,140,134)
```
#1e938c
```
#1e938c rgb(30,147,140)
```
#189992
```
#189992 rgb(24,153,146)
```
#11a098
```
#11a098 rgb(17,160,152)
```
#0aa79e
```
#0aa79e rgb(10,167,158)
```
#03aea4
```
#03aea4 rgb(3,174,164)
```

Tone Color Variation

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

#6a6a6a Achromatopsia 0.005% of the population
#5e6f6e Atypical Achromatopsia 0.001% of the population

Dichromacy

#817e7f Protanopia 1% of men
#847c8c Deuteranopia 1% of men
#3e8993 Tritanopia 0.001% of the population

Trichromacy

#62807f Protanomaly 1% of men, 0.01% of women
#647f87 Deuteranomaly 6% of men, 0.4% of women
#37878c Tritanomaly 0.01% of the population

#2c8580 hex color

#2c8580 Color Information

#2c8580 Color Conversion

Color Schemes with #2c8580

Alternatives to #2c8580

#2c8580 Preview

Shades and Tints of #2c8580

Tones of #2c8580

Color Blindness Simulator