#2c4a78 hex color

In a RGB color space, hex #2c4a78 is composed of 17.3% red, 29% green and 47.1% blue. Whereas in a CMYK color space, it is composed of 63.3% cyan, 38.3% magenta, 0% yellow and 52.9% black. It has a hue angle of 216.3 degrees, a saturation of 46.3% and a lightness of 32.2%. #2c4a78 color hex could be obtained by blending #5894f0 with #000000. Closest websafe color is: #333366.

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

● #2c4a78 color description : Dark moderate blue.

The hexadecimal color #2c4a78 has RGB values of R:44, G:74, B:120 and CMYK values of C:0.63, M:0.38, Y:0, K:0.53. Its decimal value is 2902648.

Hex triplet	2c4a78	`#2c4a78`
RGB Decimal	44, 74, 120	`rgb(44,74,120)`
RGB Percent	17.3, 29, 47.1	`rgb(17.3%,29%,47.1%)`
CMYK	63, 38, 0, 53
HSL	216.3°, 46.3, 32.2	`hsl(216.3,46.3%,32.2%)`
HSV (or HSB)	216.3°, 63.3, 47.1
Web Safe	333366	`#333366`

CIE-LAB	31.321, 4.378, -29.615
XYZ	6.877, 6.789, 18.716
xyY	0.212, 0.21, 6.789
CIE-LCH	31.321, 29.937, 278.409
CIE-LUV	31.321, -12.615, -39.789
Hunter-Lab	26.055, 1.516, -24.351
Binary	00101100, 01001010, 01111000

#2c4a78
```
#2c4a78 rgb(44,74,120)
```
#785a2c
```
#785a2c rgb(120,90,44)
```

Complementary Color

#2c7078
```
#2c7078 rgb(44,112,120)
```
#2c4a78
```
#2c4a78 rgb(44,74,120)
```
#342c78
```
#342c78 rgb(52,44,120)
```

Analogous Color

#70782c
```
#70782c rgb(112,120,44)
```
#2c4a78
```
#2c4a78 rgb(44,74,120)
```
#78342c
```
#78342c rgb(120,52,44)
```

Split Complementary Color

#4a782c
```
#4a782c rgb(74,120,44)
```
#2c4a78
```
#2c4a78 rgb(44,74,120)
```
#782c4a
```
#782c4a rgb(120,44,74)
```

Triadic Color

#2c785a
```
#2c785a rgb(44,120,90)
```
#2c4a78
```
#2c4a78 rgb(44,74,120)
```
#782c4a
```
#782c4a rgb(120,44,74)
```
#785a2c
```
#785a2c rgb(120,90,44)
```

Tetradic Color

#172740
```
#172740 rgb(23,39,64)
```
#1e3353
```
#1e3353 rgb(30,51,83)
```
#253e65
```
#253e65 rgb(37,62,101)
```
#2c4a78
```
#2c4a78 rgb(44,74,120)
```
#33568b
```
#33568b rgb(51,86,139)
```
#3a619d
```
#3a619d rgb(58,97,157)
```
#416db0
```
#416db0 rgb(65,109,176)
```

Monochromatic Color

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

#2c5d78
```
#2c5d78 rgb(44,93,120)
```
#2c5778
```
#2c5778 rgb(44,87,120)
```
#2c5078
```
#2c5078 rgb(44,80,120)
```
#2c4a78
```
#2c4a78 rgb(44,74,120)
```
#2c4478
```
#2c4478 rgb(44,68,120)
```
#2c3d78
```
#2c3d78 rgb(44,61,120)
```
#2c3778
```
#2c3778 rgb(44,55,120)
```

Similar Colors

Text with hexadecimal color #2c4a78

This text has a font color of #2c4a78.

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

#2c4a78 background color

This paragraph has a background color of #2c4a78.

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

#2c4a78 border color

This element has a border color of #2c4a78.

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

CSS codes

.text {color:#2c4a78;}

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

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

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)
```
#070c14
```
#070c14 rgb(7,12,20)
```
#0c1522
```
#0c1522 rgb(12,21,34)
```
#121e30
```
#121e30 rgb(18,30,48)
```
#17273f
```
#17273f rgb(23,39,63)
```
#1c2f4d
```
#1c2f4d rgb(28,47,77)
```
#21385b
```
#21385b rgb(33,56,91)
```
#27416a
```
#27416a rgb(39,65,106)
```
#2c4a78
```
#2c4a78 rgb(44,74,120)
```
#315386
```
#315386 rgb(49,83,134)
```
#375c95
```
#375c95 rgb(55,92,149)
```
#3c65a3
```
#3c65a3 rgb(60,101,163)
```
#416db1
```
#416db1 rgb(65,109,177)
```

Shade Color Variation

#4a77bc
```
#4a77bc rgb(74,119,188)
```
#5882c2
```
#5882c2 rgb(88,130,194)
```
#668cc7
```
#668cc7 rgb(102,140,199)
```
#7597cc
```
#7597cc rgb(117,151,204)
```
#83a2d2
```
#83a2d2 rgb(131,162,210)
```
#91add7
```
#91add7 rgb(145,173,215)
```
#a0b8dc
```
#a0b8dc rgb(160,184,220)
```
#aec2e1
```
#aec2e1 rgb(174,194,225)
```
#bccde7
```
#bccde7 rgb(188,205,231)
```
#cbd8ec
```
#cbd8ec rgb(203,216,236)
```
#d9e3f1
```
#d9e3f1 rgb(217,227,241)
```
#e7edf6
```
#e7edf6 rgb(231,237,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 #06429e is the most saturated one.

#525252
```
#525252 rgb(82,82,82)
```
#4c5158
```
#4c5158 rgb(76,81,88)
```
#454f5f
```
#454f5f rgb(69,79,95)
```
#3f4e65
```
#3f4e65 rgb(63,78,101)
```
#394d6b
```
#394d6b rgb(57,77,107)
```
#324b72
```
#324b72 rgb(50,75,114)
```
#2c4a78
```
#2c4a78 rgb(44,74,120)
```
#26497e
```
#26497e rgb(38,73,126)
```
#1f4785
```
#1f4785 rgb(31,71,133)
```
#19468b
```
#19468b rgb(25,70,139)
```
#134591
```
#134591 rgb(19,69,145)
```
#0c4398
```
#0c4398 rgb(12,67,152)
```
#06429e
```
#06429e rgb(6,66,158)
```

Tone Color Variation

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

#464646 Achromatopsia 0.005% of the population
#414750 Atypical Achromatopsia 0.001% of the population

Dichromacy

#41517d Protanopia 1% of men
#37537f Deuteranopia 1% of men
#245a60 Tritanopia 0.001% of the population

Trichromacy

#394e7b Protanomaly 1% of men, 0.01% of women
#334f7c Deuteranomaly 6% of men, 0.4% of women
#275469 Tritanomaly 0.01% of the population

#2c4a78 hex color

#2c4a78 Color Information

#2c4a78 Color Conversion

Color Schemes with #2c4a78

Alternatives to #2c4a78

#2c4a78 Preview

Shades and Tints of #2c4a78

Tones of #2c4a78

Color Blindness Simulator