#2c4c75 hex color

In a RGB color space, hex #2c4c75 is composed of 17.3% red, 29.8% green and 45.9% blue. Whereas in a CMYK color space, it is composed of 62.4% cyan, 35% magenta, 0% yellow and 54.1% black. It has a hue angle of 213.7 degrees, a saturation of 45.3% and a lightness of 31.6%. #2c4c75 color hex could be obtained by blending #5898ea with #000000. Closest websafe color is: #333366.

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

● #2c4c75 color description : Dark moderate blue.

The hexadecimal color #2c4c75 has RGB values of R:44, G:76, B:117 and CMYK values of C:0.62, M:0.35, Y:0, K:0.54. Its decimal value is 2903157.

Hex triplet	2c4c75	`#2c4c75`
RGB Decimal	44, 76, 117	`rgb(44,76,117)`
RGB Percent	17.3, 29.8, 45.9	`rgb(17.3%,29.8%,45.9%)`
CMYK	62, 35, 0, 54
HSL	213.7°, 45.3, 31.6	`hsl(213.7,45.3%,31.6%)`
HSV (or HSB)	213.7°, 62.4, 45.9
Web Safe	333366	`#333366`

CIE-LAB	31.78, 1.957, -27.014
XYZ	6.833, 6.988, 17.817
xyY	0.216, 0.221, 6.988
CIE-LCH	31.78, 27.085, 274.143
CIE-LUV	31.78, -13.342, -36.113
Hunter-Lab	26.435, -0.121, -21.457
Binary	00101100, 01001100, 01110101

#2c4c75
```
#2c4c75 rgb(44,76,117)
```
#75552c
```
#75552c rgb(117,85,44)
```

Complementary Color

#2c7175
```
#2c7175 rgb(44,113,117)
```
#2c4c75
```
#2c4c75 rgb(44,76,117)
```
#302c75
```
#302c75 rgb(48,44,117)
```

Analogous Color

#71752c
```
#71752c rgb(113,117,44)
```
#2c4c75
```
#2c4c75 rgb(44,76,117)
```
#75312c
```
#75312c rgb(117,49,44)
```

Split Complementary Color

#4c752c
```
#4c752c rgb(76,117,44)
```
#2c4c75
```
#2c4c75 rgb(44,76,117)
```
#752c4c
```
#752c4c rgb(117,44,76)
```

Triadic Color

#2c7555
```
#2c7555 rgb(44,117,85)
```
#2c4c75
```
#2c4c75 rgb(44,76,117)
```
#752c4c
```
#752c4c rgb(117,44,76)
```
#75552c
```
#75552c rgb(117,85,44)
```

Tetradic Color

#17283d
```
#17283d rgb(23,40,61)
```
#1e3450
```
#1e3450 rgb(30,52,80)
```
#254062
```
#254062 rgb(37,64,98)
```
#2c4c75
```
#2c4c75 rgb(44,76,117)
```
#335888
```
#335888 rgb(51,88,136)
```
#3a649a
```
#3a649a rgb(58,100,154)
```
#4170ad
```
#4170ad rgb(65,112,173)
```

Monochromatic Color

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

#2c5e75
```
#2c5e75 rgb(44,94,117)
```
#2c5875
```
#2c5875 rgb(44,88,117)
```
#2c5275
```
#2c5275 rgb(44,82,117)
```
#2c4c75
```
#2c4c75 rgb(44,76,117)
```
#2c4675
```
#2c4675 rgb(44,70,117)
```
#2c4075
```
#2c4075 rgb(44,64,117)
```
#2c3a75
```
#2c3a75 rgb(44,58,117)
```

Similar Colors

Text with hexadecimal color #2c4c75

This text has a font color of #2c4c75.

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

#2c4c75 background color

This paragraph has a background color of #2c4c75.

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

#2c4c75 border color

This element has a border color of #2c4c75.

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

CSS codes

.text {color:#2c4c75;}

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

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

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

#010203
```
#010203 rgb(1,2,3)
```
#060b11
```
#060b11 rgb(6,11,17)
```
#0c141f
```
#0c141f rgb(12,20,31)
```
#111e2e
```
#111e2e rgb(17,30,46)
```
#17273c
```
#17273c rgb(23,39,60)
```
#1c304a
```
#1c304a rgb(28,48,74)
```
#213958
```
#213958 rgb(33,57,88)
```
#274367
```
#274367 rgb(39,67,103)
```
#2c4c75
```
#2c4c75 rgb(44,76,117)
```
#315583
```
#315583 rgb(49,85,131)
```
#375f92
```
#375f92 rgb(55,95,146)
```
#3c68a0
```
#3c68a0 rgb(60,104,160)
```
#4171ae
```
#4171ae rgb(65,113,174)
```

Shade Color Variation

#497bba
```
#497bba rgb(73,123,186)
```
#5785c0
```
#5785c0 rgb(87,133,192)
```
#658fc5
```
#658fc5 rgb(101,143,197)
```
#739acb
```
#739acb rgb(115,154,203)
```
#82a4d0
```
#82a4d0 rgb(130,164,208)
```
#90aed5
```
#90aed5 rgb(144,174,213)
```
#9eb9db
```
#9eb9db rgb(158,185,219)
```
#acc3e0
```
#acc3e0 rgb(172,195,224)
```
#bbcde5
```
#bbcde5 rgb(187,205,229)
```
#c9d8eb
```
#c9d8eb rgb(201,216,235)
```
#d7e2f0
```
#d7e2f0 rgb(215,226,240)
```
#e5ecf5
```
#e5ecf5 rgb(229,236,245)
```
#f4f7fb
```
#f4f7fb rgb(244,247,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #4b5056 is the less saturated color, while #0147a0 is the most saturated one.

#4b5056
```
#4b5056 rgb(75,80,86)
```
#454f5c
```
#454f5c rgb(69,79,92)
```
#3f4e62
```
#3f4e62 rgb(63,78,98)
```
#384e69
```
#384e69 rgb(56,78,105)
```
#324d6f
```
#324d6f rgb(50,77,111)
```
#2c4c75
```
#2c4c75 rgb(44,76,117)
```
#264b7b
```
#264b7b rgb(38,75,123)
```
#204a81
```
#204a81 rgb(32,74,129)
```
#194a88
```
#194a88 rgb(25,74,136)
```
#13498e
```
#13498e rgb(19,73,142)
```
#0d4894
```
#0d4894 rgb(13,72,148)
```
#07479a
```
#07479a rgb(7,71,154)
```
#0147a0
```
#0147a0 rgb(1,71,160)
```

Tone Color Variation

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

#474747 Achromatopsia 0.005% of the population
#424850 Atypical Achromatopsia 0.001% of the population

Dichromacy

#45527a Protanopia 1% of men
#3d547c Deuteranopia 1% of men
#275a61 Tritanopia 0.001% of the population

Trichromacy

#3c5078 Protanomaly 1% of men, 0.01% of women
#375179 Deuteranomaly 6% of men, 0.4% of women
#295568 Tritanomaly 0.01% of the population

#2c4c75 hex color

#2c4c75 Color Information

#2c4c75 Color Conversion

Color Schemes with #2c4c75

Alternatives to #2c4c75

#2c4c75 Preview

Shades and Tints of #2c4c75

Tones of #2c4c75

Color Blindness Simulator