#2c5188 hex color

In a RGB color space, hex #2c5188 is composed of 17.3% red, 31.8% green and 53.3% blue. Whereas in a CMYK color space, it is composed of 67.6% cyan, 40.4% magenta, 0% yellow and 46.7% black. It has a hue angle of 215.9 degrees, a saturation of 51.1% and a lightness of 35.3%. #2c5188 color hex could be obtained by blending #58a2ff with #000011. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 17
- G 32
- B 53
RGB color chart
- C 68
- M 40
- Y 0
- K 47
CMYK color chart

● #2c5188 color description : Dark moderate blue.

The hexadecimal color #2c5188 has RGB values of R:44, G:81, B:136 and CMYK values of C:0.68, M:0.4, Y:0, K:0.47. Its decimal value is 2904456.

Hex triplet	2c5188	`#2c5188`
RGB Decimal	44, 81, 136	`rgb(44,81,136)`
RGB Percent	17.3, 31.8, 53.3	`rgb(17.3%,31.8%,53.3%)`
CMYK	68, 40, 0, 47
HSL	215.9°, 51.1, 35.3	`hsl(215.9,51.1%,35.3%)`
HSV (or HSB)	215.9°, 67.6, 53.3
Web Safe	336699	`#336699`

CIE-LAB	34.391, 5.727, -34.649
XYZ	8.424, 8.197, 24.43
xyY	0.205, 0.2, 8.197
CIE-LCH	34.391, 35.119, 279.386
CIE-LUV	34.391, -14.845, -48.23
Hunter-Lab	28.631, 2.416, -30.548
Binary	00101100, 01010001, 10001000

#2c5188
```
#2c5188 rgb(44,81,136)
```
#88632c
```
#88632c rgb(136,99,44)
```

Complementary Color

#2c7f88
```
#2c7f88 rgb(44,127,136)
```
#2c5188
```
#2c5188 rgb(44,81,136)
```
#352c88
```
#352c88 rgb(53,44,136)
```

Analogous Color

#7f882c
```
#7f882c rgb(127,136,44)
```
#2c5188
```
#2c5188 rgb(44,81,136)
```
#88352c
```
#88352c rgb(136,53,44)
```

Split Complementary Color

#51882c
```
#51882c rgb(81,136,44)
```
#2c5188
```
#2c5188 rgb(44,81,136)
```
#882c51
```
#882c51 rgb(136,44,81)
```

Triadic Color

#2c8863
```
#2c8863 rgb(44,136,99)
```
#2c5188
```
#2c5188 rgb(44,81,136)
```
#882c51
```
#882c51 rgb(136,44,81)
```
#88632c
```
#88632c rgb(136,99,44)
```

Tetradic Color

#192f4e
```
#192f4e rgb(25,47,78)
```
#203a61
```
#203a61 rgb(32,58,97)
```
#264675
```
#264675 rgb(38,70,117)
```
#2c5188
```
#2c5188 rgb(44,81,136)
```
#325c9b
```
#325c9b rgb(50,92,155)
```
#3868af
```
#3868af rgb(56,104,175)
```
#3f74c1
```
#3f74c1 rgb(63,116,193)
```

Monochromatic Color

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

#2c6888
```
#2c6888 rgb(44,104,136)
```
#2c6088
```
#2c6088 rgb(44,96,136)
```
#2c5988
```
#2c5988 rgb(44,89,136)
```
#2c5188
```
#2c5188 rgb(44,81,136)
```
#2c4988
```
#2c4988 rgb(44,73,136)
```
#2c4288
```
#2c4288 rgb(44,66,136)
```
#2c3a88
```
#2c3a88 rgb(44,58,136)
```

Similar Colors

Text with hexadecimal color #2c5188

This text has a font color of #2c5188.

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

#2c5188 background color

This paragraph has a background color of #2c5188.

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

#2c5188 border color

This element has a border color of #2c5188.

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

CSS codes

.text {color:#2c5188;}

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

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

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

#010203
```
#010203 rgb(1,2,3)
```
#060a11
```
#060a11 rgb(6,10,17)
```
#0a1320
```
#0a1320 rgb(10,19,32)
```
#0f1c2f
```
#0f1c2f rgb(15,28,47)
```
#14253e
```
#14253e rgb(20,37,62)
```
#192e4d
```
#192e4d rgb(25,46,77)
```
#1e375c
```
#1e375c rgb(30,55,92)
```
#223f6a
```
#223f6a rgb(34,63,106)
```
#274879
```
#274879 rgb(39,72,121)
```
#2c5188
```
#2c5188 rgb(44,81,136)
```
#315a97
```
#315a97 rgb(49,90,151)
```
#3663a6
```
#3663a6 rgb(54,99,166)
```
#3a6bb4
```
#3a6bb4 rgb(58,107,180)
```

Shade Color Variation

#4175c2
```
#4175c2 rgb(65,117,194)
```
#507fc6
```
#507fc6 rgb(80,127,198)
```
#5f8acb
```
#5f8acb rgb(95,138,203)
```
#6d95d0
```
#6d95d0 rgb(109,149,208)
```
#7ca0d5
```
#7ca0d5 rgb(124,160,213)
```
#8babd9
```
#8babd9 rgb(139,171,217)
```
#9ab5de
```
#9ab5de rgb(154,181,222)
```
#a9c0e3
```
#a9c0e3 rgb(169,192,227)
```
#b8cbe8
```
#b8cbe8 rgb(184,203,232)
```
#c6d6ed
```
#c6d6ed rgb(198,214,237)
```
#d5e1f1
```
#d5e1f1 rgb(213,225,241)
```
#e4ebf6
```
#e4ebf6 rgb(228,235,246)
```
#f3f6fb
```
#f3f6fb rgb(243,246,251)
```

Tint Color Variation

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

#56595e
```
#56595e rgb(86,89,94)
```
#4f5865
```
#4f5865 rgb(79,88,101)
```
#48566c
```
#48566c rgb(72,86,108)
```
#415573
```
#415573 rgb(65,85,115)
```
#3a547a
```
#3a547a rgb(58,84,122)
```
#335281
```
#335281 rgb(51,82,129)
```
#2c5188
```
#2c5188 rgb(44,81,136)
```
#25508f
```
#25508f rgb(37,80,143)
```
#1e4e96
```
#1e4e96 rgb(30,78,150)
```
#174d9d
```
#174d9d rgb(23,77,157)
```
#104ca4
```
#104ca4 rgb(16,76,164)
```
#094aab
```
#094aab rgb(9,74,171)
```
#0249b2
```
#0249b2 rgb(2,73,178)
```

Tone Color Variation

Below, you can see how #2c5188 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
#464d58 Atypical Achromatopsia 0.001% of the population

Dichromacy

#43588c Protanopia 1% of men
#345a8e Deuteranopia 1% of men
#166269 Tritanopia 0.001% of the population

Trichromacy

#3a558b Protanomaly 1% of men, 0.01% of women
#31578b Deuteranomaly 6% of men, 0.4% of women
#1e5c74 Tritanomaly 0.01% of the population

#2c5188 hex color

#2c5188 Color Information

#2c5188 Color Conversion

Color Schemes with #2c5188

Alternatives to #2c5188

#2c5188 Preview

Shades and Tints of #2c5188

Tones of #2c5188

Color Blindness Simulator