colorhexa.com

#2c4e82 hex color

In a RGB color space, hex #2c4e82 is composed of 17.3% red, 30.6% green and 51% blue. Whereas in a CMYK color space, it is composed of 66.2% cyan, 40% magenta, 0% yellow and 49% black. It has a hue angle of 216.3 degrees, a saturation of 49.4% and a lightness of 34.1%. #2c4e82 color hex could be obtained by blending #589cff with #000005. Closest websafe color is: #336699.

- R 17
- G 31
- B 51
RGB color chart
- C 66
- M 40
- Y 0
- K 49
CMYK color chart

● #2c4e82 color description : Dark moderate blue.

The hexadecimal color #2c4e82 has RGB values of R:44, G:78, B:130 and CMYK values of C:0.66, M:0.4, Y:0, K:0.49. Its decimal value is 2903682.

Hex triplet	2c4e82	`#2c4e82`
RGB Decimal	44, 78, 130	`rgb(44,78,130)`
RGB Percent	17.3, 30.6, 51	`rgb(17.3%,30.6%,51%)`
CMYK	66, 40, 0, 49
HSL	216.3°, 49.4, 34.1	`hsl(216.3,49.4%,34.1%)`
HSV (or HSB)	216.3°, 66.2, 51
Web Safe	336699	`#336699`

CIE-LAB	33.126, 5.453, -32.967
XYZ	7.791, 7.595, 22.173
xyY	0.207, 0.202, 7.595
CIE-LCH	33.126, 33.415, 279.392
CIE-LUV	33.126, -13.9, -45.3
Hunter-Lab	27.56, 2.234, -28.41
Binary	00101100, 01001110, 10000010

#2c4e82
```
#2c4e82 rgb(44,78,130)
```
#82602c
```
#82602c rgb(130,96,44)
```

Complementary Color

#2c7982
```
#2c7982 rgb(44,121,130)
```
#2c4e82
```
#2c4e82 rgb(44,78,130)
```
#352c82
```
#352c82 rgb(53,44,130)
```

Analogous Color

#79822c
```
#79822c rgb(121,130,44)
```
#2c4e82
```
#2c4e82 rgb(44,78,130)
```
#82352c
```
#82352c rgb(130,53,44)
```

Split Complementary Color

#4e822c
```
#4e822c rgb(78,130,44)
```
#2c4e82
```
#2c4e82 rgb(44,78,130)
```
#822c4e
```
#822c4e rgb(130,44,78)
```

Triadic Color

#192c49
```
#192c49 rgb(25,44,73)
```
#1f375c
```
#1f375c rgb(31,55,92)
```
#26436f
```
#26436f rgb(38,67,111)
```
#2c4e82
```
#2c4e82 rgb(44,78,130)
```
#325995
```
#325995 rgb(50,89,149)
```
#3965a8
```
#3965a8 rgb(57,101,168)
```
#3f70bb
```
#3f70bb rgb(63,112,187)
```

Monochromatic Color

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

#2c6482
```
#2c6482 rgb(44,100,130)
```
#2c5c82
```
#2c5c82 rgb(44,92,130)
```
#2c5582
```
#2c5582 rgb(44,85,130)
```
#2c4e82
```
#2c4e82 rgb(44,78,130)
```
#2c4782
```
#2c4782 rgb(44,71,130)
```
#2c4082
```
#2c4082 rgb(44,64,130)
```
#2c3982
```
#2c3982 rgb(44,57,130)
```

Similar Colors

Text with hexadecimal color #2c4e82

This text has a font color of #2c4e82.

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

#2c4e82 background color

This paragraph has a background color of #2c4e82.

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

#2c4e82 border color

This element has a border color of #2c4e82.

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

CSS codes

.text {color:#2c4e82;}

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

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

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, #04080d is the darkest color, while #fdfefe is the lightest one.

#04080d
```
#04080d rgb(4,8,13)
```
#09101b
```
#09101b rgb(9,16,27)
```
#0e192a
```
#0e192a rgb(14,25,42)
```
#132239
```
#132239 rgb(19,34,57)
```
#182b47
```
#182b47 rgb(24,43,71)
```
#1d3456
```
#1d3456 rgb(29,52,86)
```
#223c65
```
#223c65 rgb(34,60,101)
```
#274573
```
#274573 rgb(39,69,115)
```
#2c4e82
```
#2c4e82 rgb(44,78,130)
```
#315791
```
#315791 rgb(49,87,145)
```
#36609f
```
#36609f rgb(54,96,159)
```
#3b68ae
```
#3b68ae rgb(59,104,174)
```
#4071bd
```
#4071bd rgb(64,113,189)
```

Shade Color Variation

#4d7cc3
```
#4d7cc3 rgb(77,124,195)
```
#5c87c8
```
#5c87c8 rgb(92,135,200)
```
#6b91cd
```
#6b91cd rgb(107,145,205)
```
#799cd2
```
#799cd2 rgb(121,156,210)
```
#88a7d7
```
#88a7d7 rgb(136,167,215)
```
#97b2dc
```
#97b2dc rgb(151,178,220)
```
#a5bde1
```
#a5bde1 rgb(165,189,225)
```
#b4c7e6
```
#b4c7e6 rgb(180,199,230)
```
#c2d2eb
```
#c2d2eb rgb(194,210,235)
```
#d1ddef
```
#d1ddef rgb(209,221,239)
```
#e0e8f4
```
#e0e8f4 rgb(224,232,244)
```
#eef3f9
```
#eef3f9 rgb(238,243,249)
```
#fdfefe
```
#fdfefe rgb(253,254,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #54565a is the less saturated color, while #0446aa is the most saturated one.

#54565a
```
#54565a rgb(84,86,90)
```
#4d5561
```
#4d5561 rgb(77,85,97)
```
#475467
```
#475467 rgb(71,84,103)
```
#40526e
```
#40526e rgb(64,82,110)
```
#395175
```
#395175 rgb(57,81,117)
```
#334f7b
```
#334f7b rgb(51,79,123)
```
#2c4e82
```
#2c4e82 rgb(44,78,130)
```
#254d89
```
#254d89 rgb(37,77,137)
```
#1f4b8f
```
#1f4b8f rgb(31,75,143)
```
#184a96
```
#184a96 rgb(24,74,150)
```
#11489d
```
#11489d rgb(17,72,157)
```
#0b47a3
```
#0b47a3 rgb(11,71,163)
```
#0446aa
```
#0446aa rgb(4,70,170)
```

Tone Color Variation

Below, you can see how #2c4e82 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
#444b55 Atypical Achromatopsia 0.001% of the population

Dichromacy

#415587 Protanopia 1% of men
#345788 Deuteranopia 1% of men
#1c5e65 Tritanopia 0.001% of the population

Trichromacy

#395285 Protanomaly 1% of men, 0.01% of women
#315486 Deuteranomaly 6% of men, 0.4% of women
#225870 Tritanomaly 0.01% of the population