#2c5456 hex color

In a RGB color space, hex #2c5456 is composed of 17.3% red, 32.9% green and 33.7% blue. Whereas in a CMYK color space, it is composed of 48.8% cyan, 2.3% magenta, 0% yellow and 66.3% black. It has a hue angle of 182.9 degrees, a saturation of 32.3% and a lightness of 25.5%. #2c5456 color hex could be obtained by blending #58a8ac with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 17
- G 33
- B 34
RGB color chart
- C 49
- M 2
- Y 0
- K 66
CMYK color chart

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

The hexadecimal color #2c5456 has RGB values of R:44, G:84, B:86 and CMYK values of C:0.49, M:0.02, Y:0, K:0.66. Its decimal value is 2905174.

Hex triplet	2c5456	`#2c5456`
RGB Decimal	44, 84, 86	`rgb(44,84,86)`
RGB Percent	17.3, 32.9, 33.7	`rgb(17.3%,32.9%,33.7%)`
CMYK	49, 2, 0, 66
HSL	182.9°, 32.3, 25.5	`hsl(182.9,32.3%,25.5%)`
HSV (or HSB)	182.9°, 48.8, 33.7
Web Safe	336666	`#336666`

CIE-LAB	33.022, -13.461, -5.564
XYZ	5.888, 7.548, 9.95
xyY	0.252, 0.323, 7.548
CIE-LCH	33.022, 14.565, 202.456
CIE-LUV	33.022, -17.05, -5.278
Hunter-Lab	27.473, -9.82, -2.243
Binary	00101100, 01010100, 01010110

#2c5456
```
#2c5456 rgb(44,84,86)
```
#562e2c
```
#562e2c rgb(86,46,44)
```

Complementary Color

#2c5643
```
#2c5643 rgb(44,86,67)
```
#2c5456
```
#2c5456 rgb(44,84,86)
```
#2c3f56
```
#2c3f56 rgb(44,63,86)
```

Analogous Color

#56432c
```
#56432c rgb(86,67,44)
```
#2c5456
```
#2c5456 rgb(44,84,86)
```
#562c3f
```
#562c3f rgb(86,44,63)
```

Split Complementary Color

#54562c
```
#54562c rgb(84,86,44)
```
#2c5456
```
#2c5456 rgb(44,84,86)
```
#562c54
```
#562c54 rgb(86,44,84)
```

Triadic Color

#2c562e
```
#2c562e rgb(44,86,46)
```
#2c5456
```
#2c5456 rgb(44,84,86)
```
#562c54
```
#562c54 rgb(86,44,84)
```
#562e2c
```
#562e2c rgb(86,46,44)
```

Tetradic Color

#122323
```
#122323 rgb(18,35,35)
```
#1b3334
```
#1b3334 rgb(27,51,52)
```
#234445
```
#234445 rgb(35,68,69)
```
#2c5456
```
#2c5456 rgb(44,84,86)
```
#356467
```
#356467 rgb(53,100,103)
```
#3d7578
```
#3d7578 rgb(61,117,120)
```
#468589
```
#468589 rgb(70,133,137)
```

Monochromatic Color

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

#2c564e
```
#2c564e rgb(44,86,78)
```
#2c5651
```
#2c5651 rgb(44,86,81)
```
#2c5655
```
#2c5655 rgb(44,86,85)
```
#2c5456
```
#2c5456 rgb(44,84,86)
```
#2c5156
```
#2c5156 rgb(44,81,86)
```
#2c4d56
```
#2c4d56 rgb(44,77,86)
```
#2c4a56
```
#2c4a56 rgb(44,74,86)
```

Similar Colors

Text with hexadecimal color #2c5456

This text has a font color of #2c5456.

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

#2c5456 background color

This paragraph has a background color of #2c5456.

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

#2c5456 border color

This element has a border color of #2c5456.

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

CSS codes

.text {color:#2c5456;}

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

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

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

#040808
```
#040808 rgb(4,8,8)
```
#0b1515
```
#0b1515 rgb(11,21,21)
```
#112122
```
#112122 rgb(17,33,34)
```
#182e2f
```
#182e2f rgb(24,46,47)
```
#1f3b3c
```
#1f3b3c rgb(31,59,60)
```
#254749
```
#254749 rgb(37,71,73)
```
#2c5456
```
#2c5456 rgb(44,84,86)
```
#336163
```
#336163 rgb(51,97,99)
```
#396d70
```
#396d70 rgb(57,109,112)
```
#407a7d
```
#407a7d rgb(64,122,125)
```
#47878a
```
#47878a rgb(71,135,138)
```
#4d9397
```
#4d9397 rgb(77,147,151)
```
#54a0a4
```
#54a0a4 rgb(84,160,164)
```

Shade Color Variation

#5ea9ad
```
#5ea9ad rgb(94,169,173)
```
#6bb0b3
```
#6bb0b3 rgb(107,176,179)
```
#78b7ba
```
#78b7ba rgb(120,183,186)
```
#85bec1
```
#85bec1 rgb(133,190,193)
```
#92c5c7
```
#92c5c7 rgb(146,197,199)
```
#9fccce
```
#9fccce rgb(159,204,206)
```
#acd3d5
```
#acd3d5 rgb(172,211,213)
```
#b9dadb
```
#b9dadb rgb(185,218,219)
```
#c6e1e2
```
#c6e1e2 rgb(198,225,226)
```
#d3e8e9
```
#d3e8e9 rgb(211,232,233)
```
#e0efef
```
#e0efef rgb(224,239,239)
```
#edf5f6
```
#edf5f6 rgb(237,245,246)
```
#fafcfd
```
#fafcfd rgb(250,252,253)
```

Tint Color Variation

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

#404242
```
#404242 rgb(64,66,66)
```
#3b4647
```
#3b4647 rgb(59,70,71)
```
#364b4c
```
#364b4c rgb(54,75,76)
```
#314f51
```
#314f51 rgb(49,79,81)
```
#2c5456
```
#2c5456 rgb(44,84,86)
```
#27595b
```
#27595b rgb(39,89,91)
```
#225d60
```
#225d60 rgb(34,93,96)
```
#1d6265
```
#1d6265 rgb(29,98,101)
```
#18666a
```
#18666a rgb(24,102,106)
```
#136b6f
```
#136b6f rgb(19,107,111)
```
#0e6f74
```
#0e6f74 rgb(14,111,116)
```
#097479
```
#097479 rgb(9,116,121)
```
#04787e
```
#04787e rgb(4,120,126)
```

Tone Color Variation

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

#484848 Achromatopsia 0.005% of the population
#424a4b Atypical Achromatopsia 0.001% of the population

Dichromacy

#57565b Protanopia 1% of men
#595461 Deuteranopia 1% of men
#385c62 Tritanopia 0.001% of the population

Trichromacy

#475559 Protanomaly 1% of men, 0.01% of women
#49545d Deuteranomaly 6% of men, 0.4% of women
#34595e Tritanomaly 0.01% of the population

#2c5456 hex color

#2c5456 Color Information

#2c5456 Color Conversion

Color Schemes with #2c5456

Alternatives to #2c5456

#2c5456 Preview

Shades and Tints of #2c5456

Tones of #2c5456

Color Blindness Simulator