#2c5c56 hex color

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

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

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

The hexadecimal color #2c5c56 has RGB values of R:44, G:92, B:86 and CMYK values of C:0.52, M:0, Y:0.07, K:0.64. Its decimal value is 2907222.

Hex triplet	2c5c56	`#2c5c56`
RGB Decimal	44, 92, 86	`rgb(44,92,86)`
RGB Percent	17.3, 36.1, 33.7	`rgb(17.3%,36.1%,33.7%)`
CMYK	52, 0, 7, 64
HSL	172.5°, 35.3, 26.7	`hsl(172.5,35.3%,26.7%)`
HSV (or HSB)	172.5°, 52.2, 36.1
Web Safe	336666	`#336666`

CIE-LAB	35.716, -17.972, -1.576
XYZ	6.545, 8.861, 10.169
xyY	0.256, 0.346, 8.861
CIE-LCH	35.716, 18.041, 185.012
CIE-LUV	35.716, -20.342, 0.403
Hunter-Lab	29.768, -12.847, 0.583
Binary	00101100, 01011100, 01010110

#2c5c56
```
#2c5c56 rgb(44,92,86)
```
#5c2c32
```
#5c2c32 rgb(92,44,50)
```

Complementary Color

#2c5c3e
```
#2c5c3e rgb(44,92,62)
```
#2c5c56
```
#2c5c56 rgb(44,92,86)
```
#2c4a5c
```
#2c4a5c rgb(44,74,92)
```

Analogous Color

#5c3e2c
```
#5c3e2c rgb(92,62,44)
```
#2c5c56
```
#2c5c56 rgb(44,92,86)
```
#5c2c4a
```
#5c2c4a rgb(92,44,74)
```

Split Complementary Color

#5c562c
```
#5c562c rgb(92,86,44)
```
#2c5c56
```
#2c5c56 rgb(44,92,86)
```
#562c5c
```
#562c5c rgb(86,44,92)
```

Triadic Color

#325c2c
```
#325c2c rgb(50,92,44)
```
#2c5c56
```
#2c5c56 rgb(44,92,86)
```
#562c5c
```
#562c5c rgb(86,44,92)
```
#5c2c32
```
#5c2c32 rgb(92,44,50)
```

Tetradic Color

#132826
```
#132826 rgb(19,40,38)
```
#1c3a36
```
#1c3a36 rgb(28,58,54)
```
#244b46
```
#244b46 rgb(36,75,70)
```
#2c5c56
```
#2c5c56 rgb(44,92,86)
```
#346d66
```
#346d66 rgb(52,109,102)
```
#3d7f76
```
#3d7f76 rgb(61,127,118)
```
#459086
```
#459086 rgb(69,144,134)
```

Monochromatic Color

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

#2c5c4a
```
#2c5c4a rgb(44,92,74)
```
#2c5c4e
```
#2c5c4e rgb(44,92,78)
```
#2c5c52
```
#2c5c52 rgb(44,92,82)
```
#2c5c56
```
#2c5c56 rgb(44,92,86)
```
#2c5c5a
```
#2c5c5a rgb(44,92,90)
```
#2c5a5c
```
#2c5a5c rgb(44,90,92)
```
#2c565c
```
#2c565c rgb(44,86,92)
```

Similar Colors

Text with hexadecimal color #2c5c56

This text has a font color of #2c5c56.

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

#2c5c56 background color

This paragraph has a background color of #2c5c56.

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

#2c5c56 border color

This element has a border color of #2c5c56.

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

CSS codes

.text {color:#2c5c56;}

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

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

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)
```
#132724
```
#132724 rgb(19,39,36)
```
#193431
```
#193431 rgb(25,52,49)
```
#1f413d
```
#1f413d rgb(31,65,61)
```
#264f4a
```
#264f4a rgb(38,79,74)
```
#2c5c56
```
#2c5c56 rgb(44,92,86)
```
#326962
```
#326962 rgb(50,105,98)
```
#39776f
```
#39776f rgb(57,119,111)
```
#3f847b
```
#3f847b rgb(63,132,123)
```
#459188
```
#459188 rgb(69,145,136)
```
#4c9e94
```
#4c9e94 rgb(76,158,148)
```
#52aca0
```
#52aca0 rgb(82,172,160)
```

Shade Color Variation

#5fb2a8
```
#5fb2a8 rgb(95,178,168)
```
#6cb9af
```
#6cb9af rgb(108,185,175)
```
#79bfb6
```
#79bfb6 rgb(121,191,182)
```
#87c5be
```
#87c5be rgb(135,197,190)
```
#94ccc5
```
#94ccc5 rgb(148,204,197)
```
#a1d2cc
```
#a1d2cc rgb(161,210,204)
```
#afd9d3
```
#afd9d3 rgb(175,217,211)
```
#bcdfda
```
#bcdfda rgb(188,223,218)
```
#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 #028675 is the most saturated one.

#414746
```
#414746 rgb(65,71,70)
```
#3c4c4a
```
#3c4c4a rgb(60,76,74)
```
#36524e
```
#36524e rgb(54,82,78)
```
#315752
```
#315752 rgb(49,87,82)
```
#2c5c56
```
#2c5c56 rgb(44,92,86)
```
#27615a
```
#27615a rgb(39,97,90)
```
#22665e
```
#22665e rgb(34,102,94)
```
#1c6c62
```
#1c6c62 rgb(28,108,98)
```
#177166
```
#177166 rgb(23,113,102)
```
#12766a
```
#12766a rgb(18,118,106)
```
#0d7b6e
```
#0d7b6e rgb(13,123,110)
```
#078171
```
#078171 rgb(7,129,113)
```
#028675
```
#028675 rgb(2,134,117)
```

Tone Color Variation

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

#5e5c5a Protanopia 1% of men
#625a62 Deuteranopia 1% of men
#3b6269 Tritanopia 0.001% of the population

Trichromacy

#4c5c58 Protanomaly 1% of men, 0.01% of women
#4e5a5d Deuteranomaly 6% of men, 0.4% of women
#356062 Tritanomaly 0.01% of the population

#2c5c56 hex color

#2c5c56 Color Information

#2c5c56 Color Conversion

Color Schemes with #2c5c56

Alternatives to #2c5c56

#2c5c56 Preview

Shades and Tints of #2c5c56

Tones of #2c5c56

Color Blindness Simulator