#2c5370 hex color

In a RGB color space, hex #2c5370 is composed of 17.3% red, 32.5% green and 43.9% blue. Whereas in a CMYK color space, it is composed of 60.7% cyan, 25.9% magenta, 0% yellow and 56.1% black. It has a hue angle of 205.6 degrees, a saturation of 43.6% and a lightness of 30.6%. #2c5370 color hex could be obtained by blending #58a6e0 with #000000. Closest websafe color is: #336666.

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

● #2c5370 color description : Very dark blue.

The hexadecimal color #2c5370 has RGB values of R:44, G:83, B:112 and CMYK values of C:0.61, M:0.26, Y:0, K:0.56. Its decimal value is 2904944.

Hex triplet	2c5370	`#2c5370`
RGB Decimal	44, 83, 112	`rgb(44,83,112)`
RGB Percent	17.3, 32.5, 43.9	`rgb(17.3%,32.5%,43.9%)`
CMYK	61, 26, 0, 56
HSL	205.6°, 43.6, 30.6	`hsl(205.6,43.6%,30.6%)`
HSV (or HSB)	205.6°, 60.7, 43.9
Web Safe	336666	`#336666`

CIE-LAB	33.756, -4.324, -20.799
XYZ	7.056, 7.891, 16.48
xyY	0.225, 0.251, 7.891
CIE-LCH	33.756, 21.243, 258.254
CIE-LUV	33.756, -15.99, -27.287
Hunter-Lab	28.092, -4.326, -15.118
Binary	00101100, 01010011, 01110000

#2c5370
```
#2c5370 rgb(44,83,112)
```
#70492c
```
#70492c rgb(112,73,44)
```

Complementary Color

#2c706b
```
#2c706b rgb(44,112,107)
```
#2c5370
```
#2c5370 rgb(44,83,112)
```
#2c3170
```
#2c3170 rgb(44,49,112)
```

Analogous Color

#706b2c
```
#706b2c rgb(112,107,44)
```
#2c5370
```
#2c5370 rgb(44,83,112)
```
#702c31
```
#702c31 rgb(112,44,49)
```

Split Complementary Color

#53702c
```
#53702c rgb(83,112,44)
```
#2c5370
```
#2c5370 rgb(44,83,112)
```
#702c53
```
#702c53 rgb(112,44,83)
```

Triadic Color

#2c7049
```
#2c7049 rgb(44,112,73)
```
#2c5370
```
#2c5370 rgb(44,83,112)
```
#702c53
```
#702c53 rgb(112,44,83)
```
#70492c
```
#70492c rgb(112,73,44)
```

Tetradic Color

#162a39
```
#162a39 rgb(22,42,57)
```
#1e384b
```
#1e384b rgb(30,56,75)
```
#25455e
```
#25455e rgb(37,69,94)
```
#2c5370
```
#2c5370 rgb(44,83,112)
```
#336182
```
#336182 rgb(51,97,130)
```
#3a6e95
```
#3a6e95 rgb(58,110,149)
```
#427ca7
```
#427ca7 rgb(66,124,167)
```

Monochromatic Color

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

#2c6470
```
#2c6470 rgb(44,100,112)
```
#2c5e70
```
#2c5e70 rgb(44,94,112)
```
#2c5970
```
#2c5970 rgb(44,89,112)
```
#2c5370
```
#2c5370 rgb(44,83,112)
```
#2c4d70
```
#2c4d70 rgb(44,77,112)
```
#2c4870
```
#2c4870 rgb(44,72,112)
```
#2c4270
```
#2c4270 rgb(44,66,112)
```

Similar Colors

Text with hexadecimal color #2c5370

This text has a font color of #2c5370.

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

#2c5370 background color

This paragraph has a background color of #2c5370.

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

#2c5370 border color

This element has a border color of #2c5370.

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

CSS codes

.text {color:#2c5370;}

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

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

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

#050a0d
```
#050a0d rgb(5,10,13)
```
#0b141c
```
#0b141c rgb(11,20,28)
```
#101f2a
```
#101f2a rgb(16,31,42)
```
#162938
```
#162938 rgb(22,41,56)
```
#1b3446
```
#1b3446 rgb(27,52,70)
```
#213e54
```
#213e54 rgb(33,62,84)
```
#264962
```
#264962 rgb(38,73,98)
```
#2c5370
```
#2c5370 rgb(44,83,112)
```
#325d7e
```
#325d7e rgb(50,93,126)
```
#37688c
```
#37688c rgb(55,104,140)
```
#3d729a
```
#3d729a rgb(61,114,154)
```
#427da8
```
#427da8 rgb(66,125,168)
```
#4887b6
```
#4887b6 rgb(72,135,182)
```

Shade Color Variation

#5590bc
```
#5590bc rgb(85,144,188)
```
#639ac2
```
#639ac2 rgb(99,154,194)
```
#72a3c7
```
#72a3c7 rgb(114,163,199)
```
#80accd
```
#80accd rgb(128,172,205)
```
#8eb5d2
```
#8eb5d2 rgb(142,181,210)
```
#9cbed8
```
#9cbed8 rgb(156,190,216)
```
#aac7de
```
#aac7de rgb(170,199,222)
```
#b8d1e3
```
#b8d1e3 rgb(184,209,227)
```
#c6dae9
```
#c6dae9 rgb(198,218,233)
```
#d4e3ee
```
#d4e3ee rgb(212,227,238)
```
#e2ecf4
```
#e2ecf4 rgb(226,236,244)
```
#f0f5f9
```
#f0f5f9 rgb(240,245,249)
```
#feffff
```
#feffff rgb(254,255,255)
```

Tint Color Variation

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

#4a4f52
```
#4a4f52 rgb(74,79,82)
```
#444f58
```
#444f58 rgb(68,79,88)
```
#3e505e
```
#3e505e rgb(62,80,94)
```
#385164
```
#385164 rgb(56,81,100)
```
#32526a
```
#32526a rgb(50,82,106)
```
#2c5370
```
#2c5370 rgb(44,83,112)
```
#265476
```
#265476 rgb(38,84,118)
```
#20557c
```
#20557c rgb(32,85,124)
```
#1a5682
```
#1a5682 rgb(26,86,130)
```
#145788
```
#145788 rgb(20,87,136)
```
#0e578e
```
#0e578e rgb(14,87,142)
```
#085894
```
#085894 rgb(8,88,148)
```
#02599a
```
#02599a rgb(2,89,154)
```

Tone Color Variation

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

#4b4b4b Achromatopsia 0.005% of the population
#454d52 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4f5774 Protanopia 1% of men
#4b5779 Deuteranopia 1% of men
#2d5f66 Tritanopia 0.001% of the population

Trichromacy

#425572 Protanomaly 1% of men, 0.01% of women
#405575 Deuteranomaly 6% of men, 0.4% of women
#2d5a69 Tritanomaly 0.01% of the population

#2c5370 hex color

#2c5370 Color Information

#2c5370 Color Conversion

Color Schemes with #2c5370

Alternatives to #2c5370

#2c5370 Preview

Shades and Tints of #2c5370

Tones of #2c5370

Color Blindness Simulator