#2e4c6d hex color

In a RGB color space, hex #2e4c6d is composed of 18% red, 29.8% green and 42.7% blue. Whereas in a CMYK color space, it is composed of 57.8% cyan, 30.3% magenta, 0% yellow and 57.3% black. It has a hue angle of 211.4 degrees, a saturation of 40.6% and a lightness of 30.4%. #2e4c6d color hex could be obtained by blending #5c98da with #000000. Closest websafe color is: #333366.

♥
- f
- t
- g
- R 18
- G 30
- B 43
RGB color chart
- C 58
- M 30
- Y 0
- K 57
CMYK color chart

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

The hexadecimal color #2e4c6d has RGB values of R:46, G:76, B:109 and CMYK values of C:0.58, M:0.3, Y:0, K:0.57. Its decimal value is 3034221.

Hex triplet	2e4c6d	`#2e4c6d`
RGB Decimal	46, 76, 109	`rgb(46,76,109)`
RGB Percent	18, 29.8, 42.7	`rgb(18%,29.8%,42.7%)`
CMYK	58, 30, 0, 57
HSL	211.4°, 40.6, 30.4	`hsl(211.4,40.6%,30.4%)`
HSV (or HSB)	211.4°, 57.8, 42.7
Web Safe	333366	`#333366`

CIE-LAB	31.471, -0.453, -22.468
XYZ	6.471, 6.853, 15.449
xyY	0.225, 0.238, 6.853
CIE-LCH	31.471, 22.472, 268.844
CIE-LUV	31.471, -12.894, -29.448
Hunter-Lab	26.179, -1.693, -16.663
Binary	00101110, 01001100, 01101101

#2e4c6d
```
#2e4c6d rgb(46,76,109)
```
#6d4f2e
```
#6d4f2e rgb(109,79,46)
```

Complementary Color

#2e6c6d
```
#2e6c6d rgb(46,108,109)
```
#2e4c6d
```
#2e4c6d rgb(46,76,109)
```
#2f2e6d
```
#2f2e6d rgb(47,46,109)
```

Analogous Color

#6c6d2e
```
#6c6d2e rgb(108,109,46)
```
#2e4c6d
```
#2e4c6d rgb(46,76,109)
```
#6d302e
```
#6d302e rgb(109,48,46)
```

Split Complementary Color

#4c6d2e
```
#4c6d2e rgb(76,109,46)
```
#2e4c6d
```
#2e4c6d rgb(46,76,109)
```
#6d2e4c
```
#6d2e4c rgb(109,46,76)
```

Triadic Color

#2e6d4f
```
#2e6d4f rgb(46,109,79)
```
#2e4c6d
```
#2e4c6d rgb(46,76,109)
```
#6d2e4c
```
#6d2e4c rgb(109,46,76)
```
#6d4f2e
```
#6d4f2e rgb(109,79,46)
```

Tetradic Color

#172637
```
#172637 rgb(23,38,55)
```
#1f3349
```
#1f3349 rgb(31,51,73)
```
#263f5b
```
#263f5b rgb(38,63,91)
```
#2e4c6d
```
#2e4c6d rgb(46,76,109)
```
#36597f
```
#36597f rgb(54,89,127)
```
#3d6591
```
#3d6591 rgb(61,101,145)
```
#4572a3
```
#4572a3 rgb(69,114,163)
```

Monochromatic Color

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

#2e5c6d
```
#2e5c6d rgb(46,92,109)
```
#2e576d
```
#2e576d rgb(46,87,109)
```
#2e516d
```
#2e516d rgb(46,81,109)
```
#2e4c6d
```
#2e4c6d rgb(46,76,109)
```
#2e476d
```
#2e476d rgb(46,71,109)
```
#2e426d
```
#2e426d rgb(46,66,109)
```
#2e3c6d
```
#2e3c6d rgb(46,60,109)
```

Similar Colors

Text with hexadecimal color #2e4c6d

This text has a font color of #2e4c6d.

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

#2e4c6d background color

This paragraph has a background color of #2e4c6d.

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

#2e4c6d border color

This element has a border color of #2e4c6d.

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

CSS codes

.text {color:#2e4c6d;}

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

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

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

#05090c
```
#05090c rgb(5,9,12)
```
#0b121a
```
#0b121a rgb(11,18,26)
```
#111c28
```
#111c28 rgb(17,28,40)
```
#172636
```
#172636 rgb(23,38,54)
```
#1d2f44
```
#1d2f44 rgb(29,47,68)
```
#223951
```
#223951 rgb(34,57,81)
```
#28425f
```
#28425f rgb(40,66,95)
```
#2e4c6d
```
#2e4c6d rgb(46,76,109)
```
#34567b
```
#34567b rgb(52,86,123)
```
#3a5f89
```
#3a5f89 rgb(58,95,137)
```
#3f6996
```
#3f6996 rgb(63,105,150)
```
#4572a4
```
#4572a4 rgb(69,114,164)
```
#4b7cb2
```
#4b7cb2 rgb(75,124,178)
```

Shade Color Variation

#5886b9
```
#5886b9 rgb(88,134,185)
```
#6690be
```
#6690be rgb(102,144,190)
```
#749ac4
```
#749ac4 rgb(116,154,196)
```
#82a4ca
```
#82a4ca rgb(130,164,202)
```
#8faed0
```
#8faed0 rgb(143,174,208)
```
#9db8d6
```
#9db8d6 rgb(157,184,214)
```
#abc2dc
```
#abc2dc rgb(171,194,220)
```
#b9cce1
```
#b9cce1 rgb(185,204,225)
```
#c6d6e7
```
#c6d6e7 rgb(198,214,231)
```
#d4e0ed
```
#d4e0ed rgb(212,224,237)
```
#e2eaf3
```
#e2eaf3 rgb(226,234,243)
```
#f0f4f9
```
#f0f4f9 rgb(240,244,249)
```
#fefefe
```
#fefefe rgb(254,254,254)
```

Tint Color Variation

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

#4c4d4f
```
#4c4d4f rgb(76,77,79)
```
#464d55
```
#464d55 rgb(70,77,85)
```
#404d5b
```
#404d5b rgb(64,77,91)
```
#3a4d61
```
#3a4d61 rgb(58,77,97)
```
#344c67
```
#344c67 rgb(52,76,103)
```
#2e4c6d
```
#2e4c6d rgb(46,76,109)
```
#284c73
```
#284c73 rgb(40,76,115)
```
#224b79
```
#224b79 rgb(34,75,121)
```
#1c4b7f
```
#1c4b7f rgb(28,75,127)
```
#164b85
```
#164b85 rgb(22,75,133)
```
#104b8b
```
#104b8b rgb(16,75,139)
```
#0a4a91
```
#0a4a91 rgb(10,74,145)
```
#044a97
```
#044a97 rgb(4,74,151)
```

Tone Color Variation

Below, you can see how #2e4c6d 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
#42484f Atypical Achromatopsia 0.001% of the population

Dichromacy

#485272 Protanopia 1% of men
#445275 Deuteranopia 1% of men
#2f5960 Tritanopia 0.001% of the population

Trichromacy

#3f5070 Protanomaly 1% of men, 0.01% of women
#3c5072 Deuteranomaly 6% of men, 0.4% of women
#2e5464 Tritanomaly 0.01% of the population

#2e4c6d hex color

#2e4c6d Color Information

#2e4c6d Color Conversion

Color Schemes with #2e4c6d

Alternatives to #2e4c6d

#2e4c6d Preview

Shades and Tints of #2e4c6d

Tones of #2e4c6d

Color Blindness Simulator