#2c5561 hex color

In a RGB color space, hex #2c5561 is composed of 17.3% red, 33.3% green and 38% blue. Whereas in a CMYK color space, it is composed of 54.6% cyan, 12.4% magenta, 0% yellow and 62% black. It has a hue angle of 193.6 degrees, a saturation of 37.6% and a lightness of 27.6%. #2c5561 color hex could be obtained by blending #58aac2 with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 17
- G 33
- B 38
RGB color chart
- C 55
- M 12
- Y 0
- K 62
CMYK color chart

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

The hexadecimal color #2c5561 has RGB values of R:44, G:85, B:97 and CMYK values of C:0.55, M:0.12, Y:0, K:0.62. Its decimal value is 2905441.

Hex triplet	2c5561	`#2c5561`
RGB Decimal	44, 85, 97	`rgb(44,85,97)`
RGB Percent	17.3, 33.3, 38	`rgb(17.3%,33.3%,38%)`
CMYK	55, 12, 0, 62
HSL	193.6°, 37.6, 27.6	`hsl(193.6,37.6%,27.6%)`
HSV (or HSB)	193.6°, 54.6, 38
Web Safe	336666	`#336666`

CIE-LAB	33.764, -10.614, -11.386
XYZ	6.444, 7.895, 12.493
xyY	0.24, 0.294, 7.895
CIE-LCH	33.764, 15.566, 227.008
CIE-LUV	33.764, -17.146, -13.459
Hunter-Lab	28.098, -8.233, -6.692
Binary	00101100, 01010101, 01100001

#2c5561
```
#2c5561 rgb(44,85,97)
```
#61382c
```
#61382c rgb(97,56,44)
```

Complementary Color

#2c6153
```
#2c6153 rgb(44,97,83)
```
#2c5561
```
#2c5561 rgb(44,85,97)
```
#2c3b61
```
#2c3b61 rgb(44,59,97)
```

Analogous Color

#61532c
```
#61532c rgb(97,83,44)
```
#2c5561
```
#2c5561 rgb(44,85,97)
```
#612c3b
```
#612c3b rgb(97,44,59)
```

Split Complementary Color

#55612c
```
#55612c rgb(85,97,44)
```
#2c5561
```
#2c5561 rgb(44,85,97)
```
#612c55
```
#612c55 rgb(97,44,85)
```

Triadic Color

#2c6138
```
#2c6138 rgb(44,97,56)
```
#2c5561
```
#2c5561 rgb(44,85,97)
```
#612c55
```
#612c55 rgb(97,44,85)
```
#61382c
```
#61382c rgb(97,56,44)
```

Tetradic Color

#14272c
```
#14272c rgb(20,39,44)
```
#1c363e
```
#1c363e rgb(28,54,62)
```
#24464f
```
#24464f rgb(36,70,79)
```
#2c5561
```
#2c5561 rgb(44,85,97)
```
#346473
```
#346473 rgb(52,100,115)
```
#3c7484
```
#3c7484 rgb(60,116,132)
```
#448396
```
#448396 rgb(68,131,150)
```

Monochromatic Color

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

#2c6160
```
#2c6160 rgb(44,97,96)
```
#2c5e61
```
#2c5e61 rgb(44,94,97)
```
#2c5961
```
#2c5961 rgb(44,89,97)
```
#2c5561
```
#2c5561 rgb(44,85,97)
```
#2c5161
```
#2c5161 rgb(44,81,97)
```
#2c4c61
```
#2c4c61 rgb(44,76,97)
```
#2c4861
```
#2c4861 rgb(44,72,97)
```

Similar Colors

Text with hexadecimal color #2c5561

This text has a font color of #2c5561.

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

#2c5561 background color

This paragraph has a background color of #2c5561.

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

#2c5561 border color

This element has a border color of #2c5561.

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

CSS codes

.text {color:#2c5561;}

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

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

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

#010203
```
#010203 rgb(1,2,3)
```
#070e10
```
#070e10 rgb(7,14,16)
```
#0d1a1e
```
#0d1a1e rgb(13,26,30)
```
#14262b
```
#14262b rgb(20,38,43)
```
#1a3239
```
#1a3239 rgb(26,50,57)
```
#203d46
```
#203d46 rgb(32,61,70)
```
#264954
```
#264954 rgb(38,73,84)
```
#2c5561
```
#2c5561 rgb(44,85,97)
```
#32616e
```
#32616e rgb(50,97,110)
```
#386d7c
```
#386d7c rgb(56,109,124)
```
#3e7889
```
#3e7889 rgb(62,120,137)
```
#448497
```
#448497 rgb(68,132,151)
```
#4b90a4
```
#4b90a4 rgb(75,144,164)
```

Shade Color Variation

#529bb1
```
#529bb1 rgb(82,155,177)
```
#60a3b7
```
#60a3b7 rgb(96,163,183)
```
#6dabbd
```
#6dabbd rgb(109,171,189)
```
#7bb3c3
```
#7bb3c3 rgb(123,179,195)
```
#88bac9
```
#88bac9 rgb(136,186,201)
```
#96c2cf
```
#96c2cf rgb(150,194,207)
```
#a3cad5
```
#a3cad5 rgb(163,202,213)
```
#b1d2db
```
#b1d2db rgb(177,210,219)
```
#bedae2
```
#bedae2 rgb(190,218,226)
```
#cce1e8
```
#cce1e8 rgb(204,225,232)
```
#d9e9ee
```
#d9e9ee rgb(217,233,238)
```
#e7f1f4
```
#e7f1f4 rgb(231,241,244)
```
#f4f9fa
```
#f4f9fa rgb(244,249,250)
```

Tint Color Variation

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

#42494b
```
#42494b rgb(66,73,75)
```
#3c4c51
```
#3c4c51 rgb(60,76,81)
```
#374f56
```
#374f56 rgb(55,79,86)
```
#31525c
```
#31525c rgb(49,82,92)
```
#2c5561
```
#2c5561 rgb(44,85,97)
```
#275866
```
#275866 rgb(39,88,102)
```
#215b6c
```
#215b6c rgb(33,91,108)
```
#1c5e71
```
#1c5e71 rgb(28,94,113)
```
#166177
```
#166177 rgb(22,97,119)
```
#11647c
```
#11647c rgb(17,100,124)
```
#0b6782
```
#0b6782 rgb(11,103,130)
```
#066a87
```
#066a87 rgb(6,106,135)
```
#016d8c
```
#016d8c rgb(1,109,140)
```

Tone Color Variation

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

#4a4a4a Achromatopsia 0.005% of the population
#444c4f Atypical Achromatopsia 0.001% of the population

Dichromacy

#555765 Protanopia 1% of men
#56566b Deuteranopia 1% of men
#355e65 Tritanopia 0.001% of the population

Trichromacy

#465663 Protanomaly 1% of men, 0.01% of women
#465667 Deuteranomaly 6% of men, 0.4% of women
#315b63 Tritanomaly 0.01% of the population

#2c5561 hex color

#2c5561 Color Information

#2c5561 Color Conversion

Color Schemes with #2c5561

Alternatives to #2c5561

#2c5561 Preview

Shades and Tints of #2c5561

Tones of #2c5561

Color Blindness Simulator