#2c4c81 hex color

In a RGB color space, hex #2c4c81 is composed of 17.3% red, 29.8% green and 50.6% blue. Whereas in a CMYK color space, it is composed of 65.9% cyan, 41.1% magenta, 0% yellow and 49.4% black. It has a hue angle of 217.4 degrees, a saturation of 49.1% and a lightness of 33.9%. #2c4c81 color hex could be obtained by blending #5898ff with #000003. Closest websafe color is: #333399.

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

● #2c4c81 color description : Dark moderate blue.

The hexadecimal color #2c4c81 has RGB values of R:44, G:76, B:129 and CMYK values of C:0.66, M:0.41, Y:0, K:0.49. Its decimal value is 2903169.

Hex triplet	2c4c81	`#2c4c81`
RGB Decimal	44, 76, 129	`rgb(44,76,129)`
RGB Percent	17.3, 29.8, 50.6	`rgb(17.3%,29.8%,50.6%)`
CMYK	66, 41, 0, 49
HSL	217.4°, 49.1, 33.9	`hsl(217.4,49.1%,33.9%)`
HSV (or HSB)	217.4°, 65.9, 50.6
Web Safe	333399	`#333399`

CIE-LAB	32.456, 6.403, -33.413
XYZ	7.585, 7.289, 21.775
xyY	0.207, 0.199, 7.289
CIE-LCH	32.456, 34.021, 280.848
CIE-LUV	32.456, -13.233, -45.727
Hunter-Lab	26.998, 2.901, -28.921
Binary	00101100, 01001100, 10000001

#2c4c81
```
#2c4c81 rgb(44,76,129)
```
#81612c
```
#81612c rgb(129,97,44)
```

Complementary Color

#2c7781
```
#2c7781 rgb(44,119,129)
```
#2c4c81
```
#2c4c81 rgb(44,76,129)
```
#372c81
```
#372c81 rgb(55,44,129)
```

Analogous Color

#77812c
```
#77812c rgb(119,129,44)
```
#2c4c81
```
#2c4c81 rgb(44,76,129)
```
#81372c
```
#81372c rgb(129,55,44)
```

Split Complementary Color

#4c812c
```
#4c812c rgb(76,129,44)
```
#2c4c81
```
#2c4c81 rgb(44,76,129)
```
#812c4c
```
#812c4c rgb(129,44,76)
```

Triadic Color

#2c8161
```
#2c8161 rgb(44,129,97)
```
#2c4c81
```
#2c4c81 rgb(44,76,129)
```
#812c4c
```
#812c4c rgb(129,44,76)
```
#81612c
```
#81612c rgb(129,97,44)
```

Tetradic Color

#192a48
```
#192a48 rgb(25,42,72)
```
#1f365b
```
#1f365b rgb(31,54,91)
```
#26416e
```
#26416e rgb(38,65,110)
```
#2c4c81
```
#2c4c81 rgb(44,76,129)
```
#325794
```
#325794 rgb(50,87,148)
```
#3962a7
```
#3962a7 rgb(57,98,167)
```
#3f6eba
```
#3f6eba rgb(63,110,186)
```

Monochromatic Color

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

#2c6181
```
#2c6181 rgb(44,97,129)
```
#2c5a81
```
#2c5a81 rgb(44,90,129)
```
#2c5381
```
#2c5381 rgb(44,83,129)
```
#2c4c81
```
#2c4c81 rgb(44,76,129)
```
#2c4581
```
#2c4581 rgb(44,69,129)
```
#2c3e81
```
#2c3e81 rgb(44,62,129)
```
#2c3781
```
#2c3781 rgb(44,55,129)
```

Similar Colors

Text with hexadecimal color #2c4c81

This text has a font color of #2c4c81.

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

#2c4c81 background color

This paragraph has a background color of #2c4c81.

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

#2c4c81 border color

This element has a border color of #2c4c81.

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

CSS codes

.text {color:#2c4c81;}

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

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

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

#04070c
```
#04070c rgb(4,7,12)
```
#09101b
```
#09101b rgb(9,16,27)
```
#0e1829
```
#0e1829 rgb(14,24,41)
```
#132138
```
#132138 rgb(19,33,56)
```
#182a46
```
#182a46 rgb(24,42,70)
```
#1d3255
```
#1d3255 rgb(29,50,85)
```
#223b64
```
#223b64 rgb(34,59,100)
```
#274372
```
#274372 rgb(39,67,114)
```
#2c4c81
```
#2c4c81 rgb(44,76,129)
```
#315590
```
#315590 rgb(49,85,144)
```
#365d9e
```
#365d9e rgb(54,93,158)
```
#3b66ad
```
#3b66ad rgb(59,102,173)
```
#406ebc
```
#406ebc rgb(64,110,188)
```

Shade Color Variation

#4d79c2
```
#4d79c2 rgb(77,121,194)
```
#5b84c7
```
#5b84c7 rgb(91,132,199)
```
#6a8fcc
```
#6a8fcc rgb(106,143,204)
```
#799ad1
```
#799ad1 rgb(121,154,209)
```
#87a5d6
```
#87a5d6 rgb(135,165,214)
```
#96b0db
```
#96b0db rgb(150,176,219)
```
#a5bbe0
```
#a5bbe0 rgb(165,187,224)
```
#b3c6e5
```
#b3c6e5 rgb(179,198,229)
```
#c2d1ea
```
#c2d1ea rgb(194,209,234)
```
#d0dcef
```
#d0dcef rgb(208,220,239)
```
#dfe7f4
```
#dfe7f4 rgb(223,231,244)
```
#eef2f9
```
#eef2f9 rgb(238,242,249)
```
#fcfdfe
```
#fcfdfe rgb(252,253,254)
```

Tint Color Variation

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

#545659
```
#545659 rgb(84,86,89)
```
#4d5460
```
#4d5460 rgb(77,84,96)
```
#475366
```
#475366 rgb(71,83,102)
```
#40516d
```
#40516d rgb(64,81,109)
```
#394f74
```
#394f74 rgb(57,79,116)
```
#334e7a
```
#334e7a rgb(51,78,122)
```
#2c4c81
```
#2c4c81 rgb(44,76,129)
```
#254a88
```
#254a88 rgb(37,74,136)
```
#1f498e
```
#1f498e rgb(31,73,142)
```
#184795
```
#184795 rgb(24,71,149)
```
#11459c
```
#11459c rgb(17,69,156)
```
#0b44a2
```
#0b44a2 rgb(11,68,162)
```
#0442a9
```
#0442a9 rgb(4,66,169)
```

Tone Color Variation

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

#484848 Achromatopsia 0.005% of the population
#424953 Atypical Achromatopsia 0.001% of the population

Dichromacy

#3f5486 Protanopia 1% of men
#315687 Deuteranopia 1% of men
#1c5d64 Tritanopia 0.001% of the population

Trichromacy

#385184 Protanomaly 1% of men, 0.01% of women
#2f5284 Deuteranomaly 6% of men, 0.4% of women
#22576e Tritanomaly 0.01% of the population

#2c4c81 hex color

#2c4c81 Color Information

#2c4c81 Color Conversion

Color Schemes with #2c4c81

Alternatives to #2c4c81

#2c4c81 Preview

Shades and Tints of #2c4c81

Tones of #2c4c81

Color Blindness Simulator