#2c5c57 hex color

In a RGB color space, hex #2c5c57 is composed of 17.3% red, 36.1% green and 34.1% blue. Whereas in a CMYK color space, it is composed of 52.2% cyan, 0% magenta, 5.4% yellow and 63.9% black. It has a hue angle of 173.8 degrees, a saturation of 35.3% and a lightness of 26.7%. #2c5c57 color hex could be obtained by blending #58b8ae with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 17
- G 36
- B 34
RGB color chart
- C 52
- M 0
- Y 5
- K 64
CMYK color chart

● #2c5c57 color description : Very dark desaturated cyan.

The hexadecimal color #2c5c57 has RGB values of R:44, G:92, B:87 and CMYK values of C:0.52, M:0, Y:0.05, K:0.64. Its decimal value is 2907223.

Hex triplet	2c5c57	`#2c5c57`
RGB Decimal	44, 92, 87	`rgb(44,92,87)`
RGB Percent	17.3, 36.1, 34.1	`rgb(17.3%,36.1%,34.1%)`
CMYK	52, 0, 5, 64
HSL	173.8°, 35.3, 26.7	`hsl(173.8,35.3%,26.7%)`
HSV (or HSB)	173.8°, 52.2, 36.1
Web Safe	336666	`#336666`

CIE-LAB	35.747, -17.685, -2.153
XYZ	6.586, 8.877, 10.383
xyY	0.255, 0.343, 8.877
CIE-LCH	35.747, 17.816, 186.941
CIE-LUV	35.747, -20.306, -0.38
Hunter-Lab	29.795, -12.687, 0.196
Binary	00101100, 01011100, 01010111

#2c5c57
```
#2c5c57 rgb(44,92,87)
```
#5c2c31
```
#5c2c31 rgb(92,44,49)
```

Complementary Color

#2c5c3f
```
#2c5c3f rgb(44,92,63)
```
#2c5c57
```
#2c5c57 rgb(44,92,87)
```
#2c495c
```
#2c495c rgb(44,73,92)
```

Analogous Color

#5c3f2c
```
#5c3f2c rgb(92,63,44)
```
#2c5c57
```
#2c5c57 rgb(44,92,87)
```
#5c2c49
```
#5c2c49 rgb(92,44,73)
```

Split Complementary Color

#5c572c
```
#5c572c rgb(92,87,44)
```
#2c5c57
```
#2c5c57 rgb(44,92,87)
```
#572c5c
```
#572c5c rgb(87,44,92)
```

Triadic Color

#315c2c
```
#315c2c rgb(49,92,44)
```
#2c5c57
```
#2c5c57 rgb(44,92,87)
```
#572c5c
```
#572c5c rgb(87,44,92)
```
#5c2c31
```
#5c2c31 rgb(92,44,49)
```

Tetradic Color

#132826
```
#132826 rgb(19,40,38)
```
#1c3a36
```
#1c3a36 rgb(28,58,54)
```
#244b47
```
#244b47 rgb(36,75,71)
```
#2c5c57
```
#2c5c57 rgb(44,92,87)
```
#346d67
```
#346d67 rgb(52,109,103)
```
#3d7f78
```
#3d7f78 rgb(61,127,120)
```
#459088
```
#459088 rgb(69,144,136)
```

Monochromatic Color

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

#2c5c4b
```
#2c5c4b rgb(44,92,75)
```
#2c5c4f
```
#2c5c4f rgb(44,92,79)
```
#2c5c53
```
#2c5c53 rgb(44,92,83)
```
#2c5c57
```
#2c5c57 rgb(44,92,87)
```
#2c5c5b
```
#2c5c5b rgb(44,92,91)
```
#2c595c
```
#2c595c rgb(44,89,92)
```
#2c555c
```
#2c555c rgb(44,85,92)
```

Similar Colors

Text with hexadecimal color #2c5c57

This text has a font color of #2c5c57.

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

#2c5c57 background color

This paragraph has a background color of #2c5c57.

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

#2c5c57 border color

This element has a border color of #2c5c57.

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

CSS codes

.text {color:#2c5c57;}

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

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

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

#060c0c
```
#060c0c rgb(6,12,12)
```
#0c1a18
```
#0c1a18 rgb(12,26,24)
```
#132725
```
#132725 rgb(19,39,37)
```
#193431
```
#193431 rgb(25,52,49)
```
#1f413e
```
#1f413e rgb(31,65,62)
```
#264f4a
```
#264f4a rgb(38,79,74)
```
#2c5c57
```
#2c5c57 rgb(44,92,87)
```
#326964
```
#326964 rgb(50,105,100)
```
#397770
```
#397770 rgb(57,119,112)
```
#3f847d
```
#3f847d rgb(63,132,125)
```
#459189
```
#459189 rgb(69,145,137)
```
#4c9e96
```
#4c9e96 rgb(76,158,150)
```
#52aca2
```
#52aca2 rgb(82,172,162)
```

Shade Color Variation

#5fb2aa
```
#5fb2aa rgb(95,178,170)
```
#6cb9b1
```
#6cb9b1 rgb(108,185,177)
```
#79bfb8
```
#79bfb8 rgb(121,191,184)
```
#87c5bf
```
#87c5bf rgb(135,197,191)
```
#94ccc6
```
#94ccc6 rgb(148,204,198)
```
#a1d2cd
```
#a1d2cd rgb(161,210,205)
```
#afd9d4
```
#afd9d4 rgb(175,217,212)
```
#bcdfdb
```
#bcdfdb rgb(188,223,219)
```
#c9e5e2
```
#c9e5e2 rgb(201,229,226)
```
#d6ece9
```
#d6ece9 rgb(214,236,233)
```
#e4f2f0
```
#e4f2f0 rgb(228,242,240)
```
#f1f8f7
```
#f1f8f7 rgb(241,248,247)
```
#feffff
```
#feffff rgb(254,255,255)
```

Tint Color Variation

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

#414746
```
#414746 rgb(65,71,70)
```
#3c4c4b
```
#3c4c4b rgb(60,76,75)
```
#36524f
```
#36524f rgb(54,82,79)
```
#315753
```
#315753 rgb(49,87,83)
```
#2c5c57
```
#2c5c57 rgb(44,92,87)
```
#27615b
```
#27615b rgb(39,97,91)
```
#22665f
```
#22665f rgb(34,102,95)
```
#1c6c63
```
#1c6c63 rgb(28,108,99)
```
#177168
```
#177168 rgb(23,113,104)
```
#12766c
```
#12766c rgb(18,118,108)
```
#0d7b70
```
#0d7b70 rgb(13,123,112)
```
#078174
```
#078174 rgb(7,129,116)
```
#028678
```
#028678 rgb(2,134,120)
```

Tone Color Variation

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

#4d4d4d Achromatopsia 0.005% of the population
#46504f Atypical Achromatopsia 0.001% of the population

Dichromacy

#5e5c5b Protanopia 1% of men
#625a63 Deuteranopia 1% of men
#3b626a Tritanopia 0.001% of the population

Trichromacy

#4c5c59 Protanomaly 1% of men, 0.01% of women
#4e5b5e Deuteranomaly 6% of men, 0.4% of women
#356063 Tritanomaly 0.01% of the population

#2c5c57 hex color

#2c5c57 Color Information

#2c5c57 Color Conversion

Color Schemes with #2c5c57

Alternatives to #2c5c57

#2c5c57 Preview

Shades and Tints of #2c5c57

Tones of #2c5c57

Color Blindness Simulator