#2c4a5e hex color

In a RGB color space, hex #2c4a5e is composed of 17.3% red, 29% green and 36.9% blue. Whereas in a CMYK color space, it is composed of 53.2% cyan, 21.3% magenta, 0% yellow and 63.1% black. It has a hue angle of 204 degrees, a saturation of 36.2% and a lightness of 27.1%. #2c4a5e color hex could be obtained by blending #5894bc with #000000. Closest websafe color is: #333366.

♥
- f
- t
- g
- R 17
- G 29
- B 37
RGB color chart
- C 53
- M 21
- Y 0
- K 63
CMYK color chart

● #2c4a5e color description : Very dark desaturated blue.

The hexadecimal color #2c4a5e has RGB values of R:44, G:74, B:94 and CMYK values of C:0.53, M:0.21, Y:0, K:0.63. Its decimal value is 2902622.

Hex triplet	2c4a5e	`#2c4a5e`
RGB Decimal	44, 74, 94	`rgb(44,74,94)`
RGB Percent	17.3, 29, 36.9	`rgb(17.3%,29%,36.9%)`
CMYK	53, 21, 0, 63
HSL	204°, 36.2, 27.1	`hsl(204,36.2%,27.1%)`
HSV (or HSB)	204°, 53.2, 36.9
Web Safe	333366	`#333366`

CIE-LAB	30.012, -4.847, -15.217
XYZ	5.507, 6.241, 11.503
xyY	0.237, 0.268, 6.241
CIE-LCH	30.012, 15.97, 252.331
CIE-LUV	30.012, -12.87, -18.734
Hunter-Lab	24.982, -4.367, -9.814
Binary	00101100, 01001010, 01011110

#2c4a5e
```
#2c4a5e rgb(44,74,94)
```
#5e402c
```
#5e402c rgb(94,64,44)
```

Complementary Color

#2c5e59
```
#2c5e59 rgb(44,94,89)
```
#2c4a5e
```
#2c4a5e rgb(44,74,94)
```
#2c315e
```
#2c315e rgb(44,49,94)
```

Analogous Color

#5e592c
```
#5e592c rgb(94,89,44)
```
#2c4a5e
```
#2c4a5e rgb(44,74,94)
```
#5e2c31
```
#5e2c31 rgb(94,44,49)
```

Split Complementary Color

#4a5e2c
```
#4a5e2c rgb(74,94,44)
```
#2c4a5e
```
#2c4a5e rgb(44,74,94)
```
#5e2c4a
```
#5e2c4a rgb(94,44,74)
```

Triadic Color

#2c5e40
```
#2c5e40 rgb(44,94,64)
```
#2c4a5e
```
#2c4a5e rgb(44,74,94)
```
#5e2c4a
```
#5e2c4a rgb(94,44,74)
```
#5e402c
```
#5e402c rgb(94,64,44)
```

Tetradic Color

#14212a
```
#14212a rgb(20,33,42)
```
#1c2f3b
```
#1c2f3b rgb(28,47,59)
```
#243c4d
```
#243c4d rgb(36,60,77)
```
#2c4a5e
```
#2c4a5e rgb(44,74,94)
```
#34586f
```
#34586f rgb(52,88,111)
```
#3c6581
```
#3c6581 rgb(60,101,129)
```
#447392
```
#447392 rgb(68,115,146)
```

Monochromatic Color

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

#2c575e
```
#2c575e rgb(44,87,94)
```
#2c525e
```
#2c525e rgb(44,82,94)
```
#2c4e5e
```
#2c4e5e rgb(44,78,94)
```
#2c4a5e
```
#2c4a5e rgb(44,74,94)
```
#2c465e
```
#2c465e rgb(44,70,94)
```
#2c425e
```
#2c425e rgb(44,66,94)
```
#2c3e5e
```
#2c3e5e rgb(44,62,94)
```

Similar Colors

Text with hexadecimal color #2c4a5e

This text has a font color of #2c4a5e.

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

#2c4a5e background color

This paragraph has a background color of #2c4a5e.

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

#2c4a5e border color

This element has a border color of #2c4a5e.

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

CSS codes

.text {color:#2c4a5e;}

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

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

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

#000000
```
#000000 rgb(0,0,0)
```
#060b0e
```
#060b0e rgb(6,11,14)
```
#0d151b
```
#0d151b rgb(13,21,27)
```
#132029
```
#132029 rgb(19,32,41)
```
#192a36
```
#192a36 rgb(25,42,54)
```
#1f3543
```
#1f3543 rgb(31,53,67)
```
#263f51
```
#263f51 rgb(38,63,81)
```
#2c4a5e
```
#2c4a5e rgb(44,74,94)
```
#32556b
```
#32556b rgb(50,85,107)
```
#395f79
```
#395f79 rgb(57,95,121)
```
#3f6a86
```
#3f6a86 rgb(63,106,134)
```
#457493
```
#457493 rgb(69,116,147)
```
#4b7fa1
```
#4b7fa1 rgb(75,127,161)
```

Shade Color Variation

#5289ae
```
#5289ae rgb(82,137,174)
```
#5f92b4
```
#5f92b4 rgb(95,146,180)
```
#6c9bba
```
#6c9bba rgb(108,155,186)
```
#7aa4c1
```
#7aa4c1 rgb(122,164,193)
```
#87adc7
```
#87adc7 rgb(135,173,199)
```
#95b7cd
```
#95b7cd rgb(149,183,205)
```
#a2c0d3
```
#a2c0d3 rgb(162,192,211)
```
#afc9da
```
#afc9da rgb(175,201,218)
```
#bdd2e0
```
#bdd2e0 rgb(189,210,224)
```
#cadbe6
```
#cadbe6 rgb(202,219,230)
```
#d7e4ec
```
#d7e4ec rgb(215,228,236)
```
#e5edf3
```
#e5edf3 rgb(229,237,243)
```
#f2f6f9
```
#f2f6f9 rgb(242,246,249)
```

Tint Color Variation

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

#414649
```
#414649 rgb(65,70,73)
```
#3c474e
```
#3c474e rgb(60,71,78)
```
#374853
```
#374853 rgb(55,72,83)
```
#314959
```
#314959 rgb(49,73,89)
```
#2c4a5e
```
#2c4a5e rgb(44,74,94)
```
#274b63
```
#274b63 rgb(39,75,99)
```
#214c69
```
#214c69 rgb(33,76,105)
```
#1c4d6e
```
#1c4d6e rgb(28,77,110)
```
#174e73
```
#174e73 rgb(23,78,115)
```
#114f79
```
#114f79 rgb(17,79,121)
```
#0c507e
```
#0c507e rgb(12,80,126)
```
#075183
```
#075183 rgb(7,81,131)
```
#025288
```
#025288 rgb(2,82,136)
```

Tone Color Variation

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

#434343 Achromatopsia 0.005% of the population
#3e4448 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4a4f63 Protanopia 1% of men
#494f68 Deuteranopia 1% of men
#32555b Tritanopia 0.001% of the population

Trichromacy

#3f4d61 Protanomaly 1% of men, 0.01% of women
#3e4d64 Deuteranomaly 6% of men, 0.4% of women
#30515c Tritanomaly 0.01% of the population

#2c4a5e hex color

#2c4a5e Color Information

#2c4a5e Color Conversion

Color Schemes with #2c4a5e

Alternatives to #2c4a5e

#2c4a5e Preview

Shades and Tints of #2c4a5e

Tones of #2c4a5e

Color Blindness Simulator