#2c4675 hex color

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

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

● #2c4675 color description : Dark moderate blue.

The hexadecimal color #2c4675 has RGB values of R:44, G:70, B:117 and CMYK values of C:0.62, M:0.4, Y:0, K:0.54. Its decimal value is 2901621.

Hex triplet	2c4675	`#2c4675`
RGB Decimal	44, 70, 117	`rgb(44,70,117)`
RGB Percent	17.3, 27.5, 45.9	`rgb(17.3%,27.5%,45.9%)`
CMYK	62, 40, 0, 54
HSL	218.6°, 45.3, 31.6	`hsl(218.6,45.3%,31.6%)`
HSV (or HSB)	218.6°, 62.4, 45.9
Web Safe	333366	`#333366`

CIE-LAB	29.911, 5.936, -29.967
XYZ	6.439, 6.2, 17.686
xyY	0.212, 0.204, 6.2
CIE-LCH	29.911, 30.549, 281.204
CIE-LUV	29.911, -11.253, -39.83
Hunter-Lab	24.899, 2.587, -24.684
Binary	00101100, 01000110, 01110101

#2c4675
```
#2c4675 rgb(44,70,117)
```
#755b2c
```
#755b2c rgb(117,91,44)
```

Complementary Color

#2c6b75
```
#2c6b75 rgb(44,107,117)
```
#2c4675
```
#2c4675 rgb(44,70,117)
```
#372c75
```
#372c75 rgb(55,44,117)
```

Analogous Color

#6b752c
```
#6b752c rgb(107,117,44)
```
#2c4675
```
#2c4675 rgb(44,70,117)
```
#75372c
```
#75372c rgb(117,55,44)
```

Split Complementary Color

#46752c
```
#46752c rgb(70,117,44)
```
#2c4675
```
#2c4675 rgb(44,70,117)
```
#752c46
```
#752c46 rgb(117,44,70)
```

Triadic Color

#2c755b
```
#2c755b rgb(44,117,91)
```
#2c4675
```
#2c4675 rgb(44,70,117)
```
#752c46
```
#752c46 rgb(117,44,70)
```
#755b2c
```
#755b2c rgb(117,91,44)
```

Tetradic Color

#17253d
```
#17253d rgb(23,37,61)
```
#1e3050
```
#1e3050 rgb(30,48,80)
```
#253b62
```
#253b62 rgb(37,59,98)
```
#2c4675
```
#2c4675 rgb(44,70,117)
```
#335188
```
#335188 rgb(51,81,136)
```
#3a5c9a
```
#3a5c9a rgb(58,92,154)
```
#4167ad
```
#4167ad rgb(65,103,173)
```

Monochromatic Color

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

#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)
```
#2c3475
```
#2c3475 rgb(44,52,117)
```

Similar Colors

Text with hexadecimal color #2c4675

This text has a font color of #2c4675.

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

#2c4675 background color

This paragraph has a background color of #2c4675.

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

#2c4675 border color

This element has a border color of #2c4675.

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

CSS codes

.text {color:#2c4675;}

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

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

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 #f4f6fb is the lightest one.

#010203
```
#010203 rgb(1,2,3)
```
#060a11
```
#060a11 rgb(6,10,17)
```
#0c131f
```
#0c131f rgb(12,19,31)
```
#111b2e
```
#111b2e rgb(17,27,46)
```
#17243c
```
#17243c rgb(23,36,60)
```
#1c2c4a
```
#1c2c4a rgb(28,44,74)
```
#213558
```
#213558 rgb(33,53,88)
```
#273d67
```
#273d67 rgb(39,61,103)
```
#2c4675
```
#2c4675 rgb(44,70,117)
```
#314f83
```
#314f83 rgb(49,79,131)
```
#375792
```
#375792 rgb(55,87,146)
```
#3c60a0
```
#3c60a0 rgb(60,96,160)
```
#4168ae
```
#4168ae rgb(65,104,174)
```

Shade Color Variation

#4971ba
```
#4971ba rgb(73,113,186)
```
#577cc0
```
#577cc0 rgb(87,124,192)
```
#6587c5
```
#6587c5 rgb(101,135,197)
```
#7392cb
```
#7392cb rgb(115,146,203)
```
#829ed0
```
#829ed0 rgb(130,158,208)
```
#90a9d5
```
#90a9d5 rgb(144,169,213)
```
#9eb4db
```
#9eb4db rgb(158,180,219)
```
#acbfe0
```
#acbfe0 rgb(172,191,224)
```
#bbcae5
```
#bbcae5 rgb(187,202,229)
```
#c9d5eb
```
#c9d5eb rgb(201,213,235)
```
#d7e0f0
```
#d7e0f0 rgb(215,224,240)
```
#e5ebf5
```
#e5ebf5 rgb(229,235,245)
```
#f4f6fb
```
#f4f6fb rgb(244,246,251)
```

Tint Color Variation

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

#4b4f56
```
#4b4f56 rgb(75,79,86)
```
#454d5c
```
#454d5c rgb(69,77,92)
```
#3f4b62
```
#3f4b62 rgb(63,75,98)
```
#384a69
```
#384a69 rgb(56,74,105)
```
#32486f
```
#32486f rgb(50,72,111)
```
#2c4675
```
#2c4675 rgb(44,70,117)
```
#26447b
```
#26447b rgb(38,68,123)
```
#204281
```
#204281 rgb(32,66,129)
```
#194188
```
#194188 rgb(25,65,136)
```
#133f8e
```
#133f8e rgb(19,63,142)
```
#0d3d94
```
#0d3d94 rgb(13,61,148)
```
#073b9a
```
#073b9a rgb(7,59,154)
```
#013aa0
```
#013aa0 rgb(1,58,160)
```

Tone Color Variation

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

#444444 Achromatopsia 0.005% of the population
#3f444e Atypical Achromatopsia 0.001% of the population

Dichromacy

#3d4e7b Protanopia 1% of men
#33507b Deuteranopia 1% of men
#24565c Tritanopia 0.001% of the population

Trichromacy

#364b79 Protanomaly 1% of men, 0.01% of women
#304c79 Deuteranomaly 6% of men, 0.4% of women
#275065 Tritanomaly 0.01% of the population

#2c4675 hex color

#2c4675 Color Information

#2c4675 Color Conversion

Color Schemes with #2c4675

Alternatives to #2c4675

#2c4675 Preview

Shades and Tints of #2c4675

Tones of #2c4675

Color Blindness Simulator