#2c5571 hex color

In a RGB color space, hex #2c5571 is composed of 17.3% red, 33.3% green and 44.3% blue. Whereas in a CMYK color space, it is composed of 61.1% cyan, 24.8% magenta, 0% yellow and 55.7% black. It has a hue angle of 204.3 degrees, a saturation of 43.9% and a lightness of 30.8%. #2c5571 color hex could be obtained by blending #58aae2 with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 17
- G 33
- B 44
RGB color chart
- C 61
- M 25
- Y 0
- K 56
CMYK color chart

● #2c5571 color description : Very dark blue.

The hexadecimal color #2c5571 has RGB values of R:44, G:85, B:113 and CMYK values of C:0.61, M:0.25, Y:0, K:0.56. Its decimal value is 2905457.

Hex triplet	2c5571	`#2c5571`
RGB Decimal	44, 85, 113	`rgb(44,85,113)`
RGB Percent	17.3, 33.3, 44.3	`rgb(17.3%,33.3%,44.3%)`
CMYK	61, 25, 0, 56
HSL	204.3°, 43.9, 30.8	`hsl(204.3,43.9%,30.8%)`
HSV (or HSB)	204.3°, 61.1, 44.3
Web Safe	336666	`#336666`

CIE-LAB	34.446, -5.222, -20.351
XYZ	7.267, 8.224, 16.826
xyY	0.225, 0.254, 8.224
CIE-LCH	34.446, 21.011, 255.609
CIE-LUV	34.446, -16.72, -26.708
Hunter-Lab	28.678, -4.954, -14.713
Binary	00101100, 01010101, 01110001

#2c5571
```
#2c5571 rgb(44,85,113)
```
#71482c
```
#71482c rgb(113,72,44)
```

Complementary Color

#2c716b
```
#2c716b rgb(44,113,107)
```
#2c5571
```
#2c5571 rgb(44,85,113)
```
#2c3371
```
#2c3371 rgb(44,51,113)
```

Analogous Color

#716b2c
```
#716b2c rgb(113,107,44)
```
#2c5571
```
#2c5571 rgb(44,85,113)
```
#712c33
```
#712c33 rgb(113,44,51)
```

Split Complementary Color

#55712c
```
#55712c rgb(85,113,44)
```
#2c5571
```
#2c5571 rgb(44,85,113)
```
#712c55
```
#712c55 rgb(113,44,85)
```

Triadic Color

#2c7148
```
#2c7148 rgb(44,113,72)
```
#2c5571
```
#2c5571 rgb(44,85,113)
```
#712c55
```
#712c55 rgb(113,44,85)
```
#71482c
```
#71482c rgb(113,72,44)
```

Tetradic Color

#172c3a
```
#172c3a rgb(23,44,58)
```
#1e394c
```
#1e394c rgb(30,57,76)
```
#25475f
```
#25475f rgb(37,71,95)
```
#2c5571
```
#2c5571 rgb(44,85,113)
```
#336383
```
#336383 rgb(51,99,131)
```
#3a7196
```
#3a7196 rgb(58,113,150)
```
#417ea8
```
#417ea8 rgb(65,126,168)
```

Monochromatic Color

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

#2c6671
```
#2c6671 rgb(44,102,113)
```
#2c6171
```
#2c6171 rgb(44,97,113)
```
#2c5b71
```
#2c5b71 rgb(44,91,113)
```
#2c5571
```
#2c5571 rgb(44,85,113)
```
#2c4f71
```
#2c4f71 rgb(44,79,113)
```
#2c4a71
```
#2c4a71 rgb(44,74,113)
```
#2c4471
```
#2c4471 rgb(44,68,113)
```

Similar Colors

Text with hexadecimal color #2c5571

This text has a font color of #2c5571.

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

#2c5571 background color

This paragraph has a background color of #2c5571.

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

#2c5571 border color

This element has a border color of #2c5571.

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

CSS codes

.text {color:#2c5571;}

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

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

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 #f1f6fa is the lightest one.

#000000
```
#000000 rgb(0,0,0)
```
#060b0e
```
#060b0e rgb(6,11,14)
```
#0b151c
```
#0b151c rgb(11,21,28)
```
#11202a
```
#11202a rgb(17,32,42)
```
#162b39
```
#162b39 rgb(22,43,57)
```
#1c3547
```
#1c3547 rgb(28,53,71)
```
#214055
```
#214055 rgb(33,64,85)
```
#274a63
```
#274a63 rgb(39,74,99)
```
#2c5571
```
#2c5571 rgb(44,85,113)
```
#31607f
```
#31607f rgb(49,96,127)
```
#376a8d
```
#376a8d rgb(55,106,141)
```
#3c759b
```
#3c759b rgb(60,117,155)
```
#427fa9
```
#427fa9 rgb(66,127,169)
```

Shade Color Variation

#488ab8
```
#488ab8 rgb(72,138,184)
```
#5693bd
```
#5693bd rgb(86,147,189)
```
#649cc3
```
#649cc3 rgb(100,156,195)
```
#72a5c8
```
#72a5c8 rgb(114,165,200)
```
#80aece
```
#80aece rgb(128,174,206)
```
#8eb7d3
```
#8eb7d3 rgb(142,183,211)
```
#9cc0d9
```
#9cc0d9 rgb(156,192,217)
```
#aac9de
```
#aac9de rgb(170,201,222)
```
#b8d2e4
```
#b8d2e4 rgb(184,210,228)
```
#c7dbe9
```
#c7dbe9 rgb(199,219,233)
```
#d5e4ef
```
#d5e4ef rgb(213,228,239)
```
#e3edf4
```
#e3edf4 rgb(227,237,244)
```
#f1f6fa
```
#f1f6fa rgb(241,246,250)
```

Tint Color Variation

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

#4a4f53
```
#4a4f53 rgb(74,79,83)
```
#445059
```
#445059 rgb(68,80,89)
```
#3e525f
```
#3e525f rgb(62,82,95)
```
#385365
```
#385365 rgb(56,83,101)
```
#32546b
```
#32546b rgb(50,84,107)
```
#2c5571
```
#2c5571 rgb(44,85,113)
```
#265677
```
#265677 rgb(38,86,119)
```
#20577d
```
#20577d rgb(32,87,125)
```
#1a5883
```
#1a5883 rgb(26,88,131)
```
#145a89
```
#145a89 rgb(20,90,137)
```
#0e5b8f
```
#0e5b8f rgb(14,91,143)
```
#085c95
```
#085c95 rgb(8,92,149)
```
#025d9b
```
#025d9b rgb(2,93,155)
```

Tone Color Variation

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

#4c4c4c Achromatopsia 0.005% of the population
#464e53 Atypical Achromatopsia 0.001% of the population

Dichromacy

#515975 Protanopia 1% of men
#4e597a Deuteranopia 1% of men
#2e6168 Tritanopia 0.001% of the population

Trichromacy

#435773 Protanomaly 1% of men, 0.01% of women
#415776 Deuteranomaly 6% of men, 0.4% of women
#2d5c6b Tritanomaly 0.01% of the population

#2c5571 hex color

#2c5571 Color Information

#2c5571 Color Conversion

Color Schemes with #2c5571

Alternatives to #2c5571

#2c5571 Preview

Shades and Tints of #2c5571

Tones of #2c5571

Color Blindness Simulator