#2c4c8a hex color

In a RGB color space, hex #2c4c8a is composed of 17.3% red, 29.8% green and 54.1% blue. Whereas in a CMYK color space, it is composed of 68.1% cyan, 44.9% magenta, 0% yellow and 45.9% black. It has a hue angle of 219.6 degrees, a saturation of 51.6% and a lightness of 35.7%. #2c4c8a color hex could be obtained by blending #5898ff with #000015. Closest websafe color is: #333399.

♥
- f
- t
- g
- R 17
- G 30
- B 54
RGB color chart
- C 68
- M 45
- Y 0
- K 46
CMYK color chart

● #2c4c8a color description : Dark moderate blue.

The hexadecimal color #2c4c8a has RGB values of R:44, G:76, B:138 and CMYK values of C:0.68, M:0.45, Y:0, K:0.46. Its decimal value is 2903178.

Hex triplet	2c4c8a	`#2c4c8a`
RGB Decimal	44, 76, 138	`rgb(44,76,138)`
RGB Percent	17.3, 29.8, 54.1	`rgb(17.3%,29.8%,54.1%)`
CMYK	68, 45, 0, 46
HSL	219.6°, 51.6, 35.7	`hsl(219.6,51.6%,35.7%)`
HSV (or HSB)	219.6°, 68.1, 54.1
Web Safe	333399	`#333399`

CIE-LAB	33.003, 9.798, -38.087
XYZ	8.21, 7.539, 25.066
xyY	0.201, 0.185, 7.539
CIE-LCH	33.003, 39.327, 284.427
CIE-LUV	33.003, -13.178, -52.785
Hunter-Lab	27.457, 5.322, -34.907
Binary	00101100, 01001100, 10001010

#2c4c8a
```
#2c4c8a rgb(44,76,138)
```
#8a6a2c
```
#8a6a2c rgb(138,106,44)
```

Complementary Color

#2c7b8a
```
#2c7b8a rgb(44,123,138)
```
#2c4c8a
```
#2c4c8a rgb(44,76,138)
```
#3b2c8a
```
#3b2c8a rgb(59,44,138)
```

Analogous Color

#7b8a2c
```
#7b8a2c rgb(123,138,44)
```
#2c4c8a
```
#2c4c8a rgb(44,76,138)
```
#8a3b2c
```
#8a3b2c rgb(138,59,44)
```

Split Complementary Color

#4c8a2c
```
#4c8a2c rgb(76,138,44)
```
#2c4c8a
```
#2c4c8a rgb(44,76,138)
```
#8a2c4c
```
#8a2c4c rgb(138,44,76)
```

Triadic Color

#2c8a6a
```
#2c8a6a rgb(44,138,106)
```
#2c4c8a
```
#2c4c8a rgb(44,76,138)
```
#8a2c4c
```
#8a2c4c rgb(138,44,76)
```
#8a6a2c
```
#8a6a2c rgb(138,106,44)
```

Tetradic Color

#1a2c50
```
#1a2c50 rgb(26,44,80)
```
#203763
```
#203763 rgb(32,55,99)
```
#264177
```
#264177 rgb(38,65,119)
```
#2c4c8a
```
#2c4c8a rgb(44,76,138)
```
#32579d
```
#32579d rgb(50,87,157)
```
#3861b1
```
#3861b1 rgb(56,97,177)
```
#406dc2
```
#406dc2 rgb(64,109,194)
```

Monochromatic Color

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

#2c648a
```
#2c648a rgb(44,100,138)
```
#2c5c8a
```
#2c5c8a rgb(44,92,138)
```
#2c548a
```
#2c548a rgb(44,84,138)
```
#2c4c8a
```
#2c4c8a rgb(44,76,138)
```
#2c448a
```
#2c448a rgb(44,68,138)
```
#2c3c8a
```
#2c3c8a rgb(44,60,138)
```
#2c358a
```
#2c358a rgb(44,53,138)
```

Similar Colors

Text with hexadecimal color #2c4c8a

This text has a font color of #2c4c8a.

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

#2c4c8a background color

This paragraph has a background color of #2c4c8a.

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

#2c4c8a border color

This element has a border color of #2c4c8a.

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

CSS codes

.text {color:#2c4c8a;}

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

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

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

#010204
```
#010204 rgb(1,2,4)
```
#060a13
```
#060a13 rgb(6,10,19)
```
#0b1322
```
#0b1322 rgb(11,19,34)
```
#101b31
```
#101b31 rgb(16,27,49)
```
#142340
```
#142340 rgb(20,35,64)
```
#192b4f
```
#192b4f rgb(25,43,79)
```
#1e335d
```
#1e335d rgb(30,51,93)
```
#233c6c
```
#233c6c rgb(35,60,108)
```
#27447b
```
#27447b rgb(39,68,123)
```
#2c4c8a
```
#2c4c8a rgb(44,76,138)
```
#315499
```
#315499 rgb(49,84,153)
```
#355ca8
```
#355ca8 rgb(53,92,168)
```
#3a65b7
```
#3a65b7 rgb(58,101,183)
```

Shade Color Variation

#426ec3
```
#426ec3 rgb(66,110,195)
```
#5179c7
```
#5179c7 rgb(81,121,199)
```
#6085cc
```
#6085cc rgb(96,133,204)
```
#6e90d1
```
#6e90d1 rgb(110,144,209)
```
#7d9bd6
```
#7d9bd6 rgb(125,155,214)
```
#8ca7da
```
#8ca7da rgb(140,167,218)
```
#9bb2df
```
#9bb2df rgb(155,178,223)
```
#aabee4
```
#aabee4 rgb(170,190,228)
```
#b9c9e9
```
#b9c9e9 rgb(185,201,233)
```
#c8d4ed
```
#c8d4ed rgb(200,212,237)
```
#d7e0f2
```
#d7e0f2 rgb(215,224,242)
```
#e5ebf7
```
#e5ebf7 rgb(229,235,247)
```
#f4f7fc
```
#f4f7fc rgb(244,247,252)
```

Tint Color Variation

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

#565960
```
#565960 rgb(86,89,96)
```
#4f5767
```
#4f5767 rgb(79,87,103)
```
#48556e
```
#48556e rgb(72,85,110)
```
#415375
```
#415375 rgb(65,83,117)
```
#3a507c
```
#3a507c rgb(58,80,124)
```
#334e83
```
#334e83 rgb(51,78,131)
```
#2c4c8a
```
#2c4c8a rgb(44,76,138)
```
#254a91
```
#254a91 rgb(37,74,145)
```
#1e4898
```
#1e4898 rgb(30,72,152)
```
#17459f
```
#17459f rgb(23,69,159)
```
#1043a6
```
#1043a6 rgb(16,67,166)
```
#0941ad
```
#0941ad rgb(9,65,173)
```
#023fb4
```
#023fb4 rgb(2,63,180)
```

Tone Color Variation

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

#4a4a4a Achromatopsia 0.005% of the population
#444a57 Atypical Achromatopsia 0.001% of the population

Dichromacy

#39548f Protanopia 1% of men
#23578f Deuteranopia 1% of men
#055f66 Tritanopia 0.001% of the population

Trichromacy

#34518d Protanomaly 1% of men, 0.01% of women
#26538d Deuteranomaly 6% of men, 0.4% of women
#135873 Tritanomaly 0.01% of the population

#2c4c8a hex color

#2c4c8a Color Information

#2c4c8a Color Conversion

Color Schemes with #2c4c8a

Alternatives to #2c4c8a

#2c4c8a Preview

Shades and Tints of #2c4c8a

Tones of #2c4c8a

Color Blindness Simulator