#2c4682 hex color

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

♥
- f
- t
- g
- R 17
- G 27
- B 51
RGB color chart
- C 66
- M 46
- Y 0
- K 49
CMYK color chart

● #2c4682 color description : Dark moderate blue.

The hexadecimal color #2c4682 has RGB values of R:44, G:70, B:130 and CMYK values of C:0.66, M:0.46, Y:0, K:0.49. Its decimal value is 2901634.

Hex triplet	2c4682	`#2c4682`
RGB Decimal	44, 70, 130	`rgb(44,70,130)`
RGB Percent	17.3, 27.5, 51	`rgb(17.3%,27.5%,51%)`
CMYK	66, 46, 0, 49
HSL	221.9°, 49.4, 34.1	`hsl(221.9,49.4%,34.1%)`
HSV (or HSB)	221.9°, 66.2, 51
Web Safe	333399	`#333399`

CIE-LAB	30.705, 10.805, -36.825
XYZ	7.257, 6.527, 21.995
xyY	0.203, 0.182, 6.527
CIE-LCH	30.705, 38.377, 286.353
CIE-LUV	30.705, -11.267, -49.938
Hunter-Lab	25.548, 5.996, -33.161
Binary	00101100, 01000110, 10000010

#2c4682
```
#2c4682 rgb(44,70,130)
```
#82682c
```
#82682c rgb(130,104,44)
```

Complementary Color

#2c7182
```
#2c7182 rgb(44,113,130)
```
#2c4682
```
#2c4682 rgb(44,70,130)
```
#3d2c82
```
#3d2c82 rgb(61,44,130)
```

Analogous Color

#71822c
```
#71822c rgb(113,130,44)
```
#2c4682
```
#2c4682 rgb(44,70,130)
```
#823d2c
```
#823d2c rgb(130,61,44)
```

Split Complementary Color

#46822c
```
#46822c rgb(70,130,44)
```
#2c4682
```
#2c4682 rgb(44,70,130)
```
#822c46
```
#822c46 rgb(130,44,70)
```

Triadic Color

#2c8268
```
#2c8268 rgb(44,130,104)
```
#2c4682
```
#2c4682 rgb(44,70,130)
```
#822c46
```
#822c46 rgb(130,44,70)
```
#82682c
```
#82682c rgb(130,104,44)
```

Tetradic Color

#192749
```
#192749 rgb(25,39,73)
```
#1f315c
```
#1f315c rgb(31,49,92)
```
#263c6f
```
#263c6f rgb(38,60,111)
```
#2c4682
```
#2c4682 rgb(44,70,130)
```
#325095
```
#325095 rgb(50,80,149)
```
#395ba8
```
#395ba8 rgb(57,91,168)
```
#3f65bb
```
#3f65bb rgb(63,101,187)
```

Monochromatic Color

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

#2c5c82
```
#2c5c82 rgb(44,92,130)
```
#2c5482
```
#2c5482 rgb(44,84,130)
```
#2c4d82
```
#2c4d82 rgb(44,77,130)
```
#2c4682
```
#2c4682 rgb(44,70,130)
```
#2c3f82
```
#2c3f82 rgb(44,63,130)
```
#2c3882
```
#2c3882 rgb(44,56,130)
```
#2c3182
```
#2c3182 rgb(44,49,130)
```

Similar Colors

Text with hexadecimal color #2c4682

This text has a font color of #2c4682.

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

#2c4682 background color

This paragraph has a background color of #2c4682.

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

#2c4682 border color

This element has a border color of #2c4682.

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

CSS codes

.text {color:#2c4682;}

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

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

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

#04070d
```
#04070d rgb(4,7,13)
```
#090f1b
```
#090f1b rgb(9,15,27)
```
#0e172a
```
#0e172a rgb(14,23,42)
```
#131f39
```
#131f39 rgb(19,31,57)
```
#182647
```
#182647 rgb(24,38,71)
```
#1d2e56
```
#1d2e56 rgb(29,46,86)
```
#223665
```
#223665 rgb(34,54,101)
```
#273e73
```
#273e73 rgb(39,62,115)
```
#2c4682
```
#2c4682 rgb(44,70,130)
```
#314e91
```
#314e91 rgb(49,78,145)
```
#36569f
```
#36569f rgb(54,86,159)
```
#3b5eae
```
#3b5eae rgb(59,94,174)
```
#4066bd
```
#4066bd rgb(64,102,189)
```

Shade Color Variation

#4d71c3
```
#4d71c3 rgb(77,113,195)
```
#5c7dc8
```
#5c7dc8 rgb(92,125,200)
```
#6b88cd
```
#6b88cd rgb(107,136,205)
```
#7994d2
```
#7994d2 rgb(121,148,210)
```
#88a0d7
```
#88a0d7 rgb(136,160,215)
```
#97abdc
```
#97abdc rgb(151,171,220)
```
#a5b7e1
```
#a5b7e1 rgb(165,183,225)
```
#b4c3e6
```
#b4c3e6 rgb(180,195,230)
```
#c2cfeb
```
#c2cfeb rgb(194,207,235)
```
#d1daef
```
#d1daef rgb(209,218,239)
```
#e0e6f4
```
#e0e6f4 rgb(224,230,244)
```
#eef2f9
```
#eef2f9 rgb(238,242,249)
```
#fdfdfe
```
#fdfdfe rgb(253,253,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 #0436aa is the most saturated one.

#54565a
```
#54565a rgb(84,86,90)
```
#4d5361
```
#4d5361 rgb(77,83,97)
```
#475167
```
#475167 rgb(71,81,103)
```
#404e6e
```
#404e6e rgb(64,78,110)
```
#394b75
```
#394b75 rgb(57,75,117)
```
#33497b
```
#33497b rgb(51,73,123)
```
#2c4682
```
#2c4682 rgb(44,70,130)
```
#254389
```
#254389 rgb(37,67,137)
```
#1f418f
```
#1f418f rgb(31,65,143)
```
#183e96
```
#183e96 rgb(24,62,150)
```
#113b9d
```
#113b9d rgb(17,59,157)
```
#0b39a3
```
#0b39a3 rgb(11,57,163)
```
#0436aa
```
#0436aa rgb(4,54,170)
```

Tone Color Variation

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

#454545 Achromatopsia 0.005% of the population
#404551 Atypical Achromatopsia 0.001% of the population

Dichromacy

#344f88 Protanopia 1% of men
#205287 Deuteranopia 1% of men
#15595f Tritanopia 0.001% of the population

Trichromacy

#314c86 Protanomaly 1% of men, 0.01% of women
#244e85 Deuteranomaly 6% of men, 0.4% of women
#1d526c Tritanomaly 0.01% of the population

#2c4682 hex color

#2c4682 Color Information

#2c4682 Color Conversion

Color Schemes with #2c4682

Alternatives to #2c4682

#2c4682 Preview

Shades and Tints of #2c4682

Tones of #2c4682

Color Blindness Simulator