#2c4e78 hex color

In a RGB color space, hex #2c4e78 is composed of 17.3% red, 30.6% green and 47.1% blue. Whereas in a CMYK color space, it is composed of 63.3% cyan, 35% magenta, 0% yellow and 52.9% black. It has a hue angle of 213.2 degrees, a saturation of 46.3% and a lightness of 32.2%. #2c4e78 color hex could be obtained by blending #589cf0 with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 17
- G 31
- B 47
RGB color chart
- C 63
- M 35
- Y 0
- K 53
CMYK color chart

● #2c4e78 color description : Dark moderate blue.

The hexadecimal color #2c4e78 has RGB values of R:44, G:78, B:120 and CMYK values of C:0.63, M:0.35, Y:0, K:0.53. Its decimal value is 2903672.

Hex triplet	2c4e78	`#2c4e78`
RGB Decimal	44, 78, 120	`rgb(44,78,120)`
RGB Percent	17.3, 30.6, 47.1	`rgb(17.3%,30.6%,47.1%)`
CMYK	63, 35, 0, 53
HSL	213.2°, 46.3, 32.2	`hsl(213.2,46.3%,32.2%)`
HSV (or HSB)	213.2°, 63.3, 47.1
Web Safe	336666	`#336666`

CIE-LAB	32.568, 1.747, -27.646
XYZ	7.152, 7.34, 18.808
xyY	0.215, 0.22, 7.34
CIE-LCH	32.568, 27.701, 273.617
CIE-LUV	32.568, -14.017, -37.249
Hunter-Lab	27.092, -0.286, -22.196
Binary	00101100, 01001110, 01111000

#2c4e78
```
#2c4e78 rgb(44,78,120)
```
#78562c
```
#78562c rgb(120,86,44)
```

Complementary Color

#2c7478
```
#2c7478 rgb(44,116,120)
```
#2c4e78
```
#2c4e78 rgb(44,78,120)
```
#302c78
```
#302c78 rgb(48,44,120)
```

Analogous Color

#74782c
```
#74782c rgb(116,120,44)
```
#2c4e78
```
#2c4e78 rgb(44,78,120)
```
#78302c
```
#78302c rgb(120,48,44)
```

Split Complementary Color

#4e782c
```
#4e782c rgb(78,120,44)
```
#2c4e78
```
#2c4e78 rgb(44,78,120)
```
#782c4e
```
#782c4e rgb(120,44,78)
```

Triadic Color

#2c7856
```
#2c7856 rgb(44,120,86)
```
#2c4e78
```
#2c4e78 rgb(44,78,120)
```
#782c4e
```
#782c4e rgb(120,44,78)
```
#78562c
```
#78562c rgb(120,86,44)
```

Tetradic Color

#172a40
```
#172a40 rgb(23,42,64)
```
#1e3653
```
#1e3653 rgb(30,54,83)
```
#254265
```
#254265 rgb(37,66,101)
```
#2c4e78
```
#2c4e78 rgb(44,78,120)
```
#335a8b
```
#335a8b rgb(51,90,139)
```
#3a669d
```
#3a669d rgb(58,102,157)
```
#4172b0
```
#4172b0 rgb(65,114,176)
```

Monochromatic Color

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

#2c6178
```
#2c6178 rgb(44,97,120)
```
#2c5b78
```
#2c5b78 rgb(44,91,120)
```
#2c5478
```
#2c5478 rgb(44,84,120)
```
#2c4e78
```
#2c4e78 rgb(44,78,120)
```
#2c4878
```
#2c4878 rgb(44,72,120)
```
#2c4178
```
#2c4178 rgb(44,65,120)
```
#2c3b78
```
#2c3b78 rgb(44,59,120)
```

Similar Colors

Text with hexadecimal color #2c4e78

This text has a font color of #2c4e78.

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

#2c4e78 background color

This paragraph has a background color of #2c4e78.

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

#2c4e78 border color

This element has a border color of #2c4e78.

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

CSS codes

.text {color:#2c4e78;}

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

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

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

#020305
```
#020305 rgb(2,3,5)
```
#070d14
```
#070d14 rgb(7,13,20)
```
#0c1622
```
#0c1622 rgb(12,22,34)
```
#121f30
```
#121f30 rgb(18,31,48)
```
#17293f
```
#17293f rgb(23,41,63)
```
#1c324d
```
#1c324d rgb(28,50,77)
```
#213b5b
```
#213b5b rgb(33,59,91)
```
#27456a
```
#27456a rgb(39,69,106)
```
#2c4e78
```
#2c4e78 rgb(44,78,120)
```
#315786
```
#315786 rgb(49,87,134)
```
#376195
```
#376195 rgb(55,97,149)
```
#3c6aa3
```
#3c6aa3 rgb(60,106,163)
```
#4173b1
```
#4173b1 rgb(65,115,177)
```

Shade Color Variation

#4a7dbc
```
#4a7dbc rgb(74,125,188)
```
#5887c2
```
#5887c2 rgb(88,135,194)
```
#6692c7
```
#6692c7 rgb(102,146,199)
```
#759ccc
```
#759ccc rgb(117,156,204)
```
#83a6d2
```
#83a6d2 rgb(131,166,210)
```
#91b0d7
```
#91b0d7 rgb(145,176,215)
```
#a0bbdc
```
#a0bbdc rgb(160,187,220)
```
#aec5e1
```
#aec5e1 rgb(174,197,225)
```
#bccfe7
```
#bccfe7 rgb(188,207,231)
```
#cbdaec
```
#cbdaec rgb(203,218,236)
```
#d9e4f1
```
#d9e4f1 rgb(217,228,241)
```
#e7eef6
```
#e7eef6 rgb(231,238,246)
```
#f6f8fc
```
#f6f8fc rgb(246,248,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #525252 is the less saturated color, while #064a9e is the most saturated one.

#525252
```
#525252 rgb(82,82,82)
```
#4c5158
```
#4c5158 rgb(76,81,88)
```
#45515f
```
#45515f rgb(69,81,95)
```
#3f5065
```
#3f5065 rgb(63,80,101)
```
#394f6b
```
#394f6b rgb(57,79,107)
```
#324f72
```
#324f72 rgb(50,79,114)
```
#2c4e78
```
#2c4e78 rgb(44,78,120)
```
#264d7e
```
#264d7e rgb(38,77,126)
```
#1f4d85
```
#1f4d85 rgb(31,77,133)
```
#194c8b
```
#194c8b rgb(25,76,139)
```
#134b91
```
#134b91 rgb(19,75,145)
```
#0c4b98
```
#0c4b98 rgb(12,75,152)
```
#064a9e
```
#064a9e rgb(6,74,158)
```

Tone Color Variation

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

#494949 Achromatopsia 0.005% of the population
#434a52 Atypical Achromatopsia 0.001% of the population

Dichromacy

#46547d Protanopia 1% of men
#3e557f Deuteranopia 1% of men
#265c63 Tritanopia 0.001% of the population

Trichromacy

#3c527b Protanomaly 1% of men, 0.01% of women
#37527c Deuteranomaly 6% of men, 0.4% of women
#28576b Tritanomaly 0.01% of the population

#2c4e78 hex color

#2c4e78 Color Information

#2c4e78 Color Conversion

Color Schemes with #2c4e78

Alternatives to #2c4e78

#2c4e78 Preview

Shades and Tints of #2c4e78

Tones of #2c4e78

Color Blindness Simulator