#2c5574 hex color

In a RGB color space, hex #2c5574 is composed of 17.3% red, 33.3% green and 45.5% blue. Whereas in a CMYK color space, it is composed of 62.1% cyan, 26.7% magenta, 0% yellow and 54.5% black. It has a hue angle of 205.8 degrees, a saturation of 45% and a lightness of 31.4%. #2c5574 color hex could be obtained by blending #58aae8 with #000000. Closest websafe color is: #336666.

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

● #2c5574 color description : Dark moderate blue.

The hexadecimal color #2c5574 has RGB values of R:44, G:85, B:116 and CMYK values of C:0.62, M:0.27, Y:0, K:0.55. Its decimal value is 2905460.

Hex triplet	2c5574	`#2c5574`
RGB Decimal	44, 85, 116	`rgb(44,85,116)`
RGB Percent	17.3, 33.3, 45.5	`rgb(17.3%,33.3%,45.5%)`
CMYK	62, 27, 0, 55
HSL	205.8°, 45, 31.4	`hsl(205.8,45%,31.4%)`
HSV (or HSB)	205.8°, 62.1, 45.5
Web Safe	336666	`#336666`

CIE-LAB	34.586, -4.167, -21.999
XYZ	7.439, 8.293, 17.731
xyY	0.222, 0.248, 8.293
CIE-LCH	34.586, 22.39, 259.274
CIE-LUV	34.586, -16.646, -29.203
Hunter-Lab	28.797, -4.286, -16.347
Binary	00101100, 01010101, 01110100

#2c5574
```
#2c5574 rgb(44,85,116)
```
#744b2c
```
#744b2c rgb(116,75,44)
```

Complementary Color

#2c746f
```
#2c746f rgb(44,116,111)
```
#2c5574
```
#2c5574 rgb(44,85,116)
```
#2c3174
```
#2c3174 rgb(44,49,116)
```

Analogous Color

#746f2c
```
#746f2c rgb(116,111,44)
```
#2c5574
```
#2c5574 rgb(44,85,116)
```
#742c31
```
#742c31 rgb(116,44,49)
```

Split Complementary Color

#55742c
```
#55742c rgb(85,116,44)
```
#2c5574
```
#2c5574 rgb(44,85,116)
```
#742c55
```
#742c55 rgb(116,44,85)
```

Triadic Color

#2c744b
```
#2c744b rgb(44,116,75)
```
#2c5574
```
#2c5574 rgb(44,85,116)
```
#742c55
```
#742c55 rgb(116,44,85)
```
#744b2c
```
#744b2c rgb(116,75,44)
```

Tetradic Color

#172c3d
```
#172c3d rgb(23,44,61)
```
#1e3a4f
```
#1e3a4f rgb(30,58,79)
```
#254762
```
#254762 rgb(37,71,98)
```
#2c5574
```
#2c5574 rgb(44,85,116)
```
#336386
```
#336386 rgb(51,99,134)
```
#3a7099
```
#3a7099 rgb(58,112,153)
```
#417eab
```
#417eab rgb(65,126,171)
```

Monochromatic Color

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

#2c6774
```
#2c6774 rgb(44,103,116)
```
#2c6174
```
#2c6174 rgb(44,97,116)
```
#2c5b74
```
#2c5b74 rgb(44,91,116)
```
#2c5574
```
#2c5574 rgb(44,85,116)
```
#2c4f74
```
#2c4f74 rgb(44,79,116)
```
#2c4974
```
#2c4974 rgb(44,73,116)
```
#2c4374
```
#2c4374 rgb(44,67,116)
```

Similar Colors

Text with hexadecimal color #2c5574

This text has a font color of #2c5574.

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

#2c5574 background color

This paragraph has a background color of #2c5574.

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

#2c5574 border color

This element has a border color of #2c5574.

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

CSS codes

.text {color:#2c5574;}

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

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

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

#010202
```
#010202 rgb(1,2,2)
```
#060c10
```
#060c10 rgb(6,12,16)
```
#0c161f
```
#0c161f rgb(12,22,31)
```
#11212d
```
#11212d rgb(17,33,45)
```
#162b3b
```
#162b3b rgb(22,43,59)
```
#1c3649
```
#1c3649 rgb(28,54,73)
```
#214058
```
#214058 rgb(33,64,88)
```
#274b66
```
#274b66 rgb(39,75,102)
```
#2c5574
```
#2c5574 rgb(44,85,116)
```
#315f82
```
#315f82 rgb(49,95,130)
```
#376a90
```
#376a90 rgb(55,106,144)
```
#3c749f
```
#3c749f rgb(60,116,159)
```
#427fad
```
#427fad rgb(66,127,173)
```

Shade Color Variation

#4889ba
```
#4889ba rgb(72,137,186)
```
#5792bf
```
#5792bf rgb(87,146,191)
```
#659bc5
```
#659bc5 rgb(101,155,197)
```
#73a4ca
```
#73a4ca rgb(115,164,202)
```
#81aecf
```
#81aecf rgb(129,174,207)
```
#8fb7d5
```
#8fb7d5 rgb(143,183,213)
```
#9ec0da
```
#9ec0da rgb(158,192,218)
```
#acc9df
```
#acc9df rgb(172,201,223)
```
#bad2e5
```
#bad2e5 rgb(186,210,229)
```
#c8dcea
```
#c8dcea rgb(200,220,234)
```
#d7e5f0
```
#d7e5f0 rgb(215,229,240)
```
#e5eef5
```
#e5eef5 rgb(229,238,245)
```
#f3f7fa
```
#f3f7fa rgb(243,247,250)
```

Tint Color Variation

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

#4b5155
```
#4b5155 rgb(75,81,85)
```
#45525b
```
#45525b rgb(69,82,91)
```
#3e5262
```
#3e5262 rgb(62,82,98)
```
#385368
```
#385368 rgb(56,83,104)
```
#32546e
```
#32546e rgb(50,84,110)
```
#2c5574
```
#2c5574 rgb(44,85,116)
```
#26567a
```
#26567a rgb(38,86,122)
```
#205780
```
#205780 rgb(32,87,128)
```
#1a5886
```
#1a5886 rgb(26,88,134)
```
#13588d
```
#13588d rgb(19,88,141)
```
#0d5993
```
#0d5993 rgb(13,89,147)
```
#075a99
```
#075a99 rgb(7,90,153)
```
#015b9f
```
#015b9f rgb(1,91,159)
```

Tone Color Variation

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

Dichromacy

#505978 Protanopia 1% of men
#4c597c Deuteranopia 1% of men
#2c6168 Tritanopia 0.001% of the population

Trichromacy

#435776 Protanomaly 1% of men, 0.01% of women
#405779 Deuteranomaly 6% of men, 0.4% of women
#2c5c6c Tritanomaly 0.01% of the population

#2c5574 hex color

#2c5574 Color Information

#2c5574 Color Conversion

Color Schemes with #2c5574

Alternatives to #2c5574

#2c5574 Preview

Shades and Tints of #2c5574

Tones of #2c5574

Color Blindness Simulator