#2e4477 hex color

In a RGB color space, hex #2e4477 is composed of 18% red, 26.7% green and 46.7% blue. Whereas in a CMYK color space, it is composed of 61.3% cyan, 42.9% magenta, 0% yellow and 53.3% black. It has a hue angle of 221.9 degrees, a saturation of 44.2% and a lightness of 32.4%. #2e4477 color hex could be obtained by blending #5c88ee with #000000. Closest websafe color is: #333366.

♥
- f
- t
- g
- R 18
- G 27
- B 47
RGB color chart
- C 61
- M 43
- Y 0
- K 53
CMYK color chart

● #2e4477 color description : Dark moderate blue.

The hexadecimal color #2e4477 has RGB values of R:46, G:68, B:119 and CMYK values of C:0.61, M:0.43, Y:0, K:0.53. Its decimal value is 3032183.

Hex triplet	2e4477	`#2e4477`
RGB Decimal	46, 68, 119	`rgb(46,68,119)`
RGB Percent	18, 26.7, 46.7	`rgb(18%,26.7%,46.7%)`
CMYK	61, 43, 0, 53
HSL	221.9°, 44.2, 32.4	`hsl(221.9,44.2%,32.4%)`
HSV (or HSB)	221.9°, 61.3, 46.7
Web Safe	333366	`#333366`

CIE-LAB	29.53, 8.46, -31.823
XYZ	6.523, 6.047, 18.275
xyY	0.211, 0.196, 6.047
CIE-LCH	29.53, 32.928, 284.887
CIE-LUV	29.53, -10.073, -42.391
Hunter-Lab	24.59, 4.318, -26.851
Binary	00101110, 01000100, 01110111

#2e4477
```
#2e4477 rgb(46,68,119)
```
#77612e
```
#77612e rgb(119,97,46)
```

Complementary Color

#2e6977
```
#2e6977 rgb(46,105,119)
```
#2e4477
```
#2e4477 rgb(46,68,119)
```
#3d2e77
```
#3d2e77 rgb(61,46,119)
```

Analogous Color

#69772e
```
#69772e rgb(105,119,46)
```
#2e4477
```
#2e4477 rgb(46,68,119)
```
#773d2e
```
#773d2e rgb(119,61,46)
```

Split Complementary Color

#44772e
```
#44772e rgb(68,119,46)
```
#2e4477
```
#2e4477 rgb(46,68,119)
```
#772e44
```
#772e44 rgb(119,46,68)
```

Triadic Color

#2e7761
```
#2e7761 rgb(46,119,97)
```
#2e4477
```
#2e4477 rgb(46,68,119)
```
#772e44
```
#772e44 rgb(119,46,68)
```
#77612e
```
#77612e rgb(119,97,46)
```

Tetradic Color

#192440
```
#192440 rgb(25,36,64)
```
#202f52
```
#202f52 rgb(32,47,82)
```
#273965
```
#273965 rgb(39,57,101)
```
#2e4477
```
#2e4477 rgb(46,68,119)
```
#354f89
```
#354f89 rgb(53,79,137)
```
#3c599c
```
#3c599c rgb(60,89,156)
```
#4364ae
```
#4364ae rgb(67,100,174)
```

Monochromatic Color

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

#2e5677
```
#2e5677 rgb(46,86,119)
```
#2e5077
```
#2e5077 rgb(46,80,119)
```
#2e4a77
```
#2e4a77 rgb(46,74,119)
```
#2e4477
```
#2e4477 rgb(46,68,119)
```
#2e3e77
```
#2e3e77 rgb(46,62,119)
```
#2e3877
```
#2e3877 rgb(46,56,119)
```
#2e3277
```
#2e3277 rgb(46,50,119)
```

Similar Colors

Text with hexadecimal color #2e4477

This text has a font color of #2e4477.

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

#2e4477 background color

This paragraph has a background color of #2e4477.

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

#2e4477 border color

This element has a border color of #2e4477.

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

CSS codes

.text {color:#2e4477;}

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

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

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

#020306
```
#020306 rgb(2,3,6)
```
#080b14
```
#080b14 rgb(8,11,20)
```
#0d1322
```
#0d1322 rgb(13,19,34)
```
#131c30
```
#131c30 rgb(19,28,48)
```
#18243e
```
#18243e rgb(24,36,62)
```
#1e2c4d
```
#1e2c4d rgb(30,44,77)
```
#23345b
```
#23345b rgb(35,52,91)
```
#293c69
```
#293c69 rgb(41,60,105)
```
#2e4477
```
#2e4477 rgb(46,68,119)
```
#334c85
```
#334c85 rgb(51,76,133)
```
#395493
```
#395493 rgb(57,84,147)
```
#3e5ca1
```
#3e5ca1 rgb(62,92,161)
```
#4464b0
```
#4464b0 rgb(68,100,176)
```

Shade Color Variation

#4d6eba
```
#4d6eba rgb(77,110,186)
```
#5b79c0
```
#5b79c0 rgb(91,121,192)
```
#6985c5
```
#6985c5 rgb(105,133,197)
```
#7790cb
```
#7790cb rgb(119,144,203)
```
#869cd0
```
#869cd0 rgb(134,156,208)
```
#94a7d6
```
#94a7d6 rgb(148,167,214)
```
#a2b3db
```
#a2b3db rgb(162,179,219)
```
#b0bfe0
```
#b0bfe0 rgb(176,191,224)
```
#becae6
```
#becae6 rgb(190,202,230)
```
#ccd6eb
```
#ccd6eb rgb(204,214,235)
```
#dae1f1
```
#dae1f1 rgb(218,225,241)
```
#e9edf6
```
#e9edf6 rgb(233,237,246)
```
#f7f8fc
```
#f7f8fc rgb(247,248,252)
```

Tint Color Variation

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

#4e5157
```
#4e5157 rgb(78,81,87)
```
#474e5e
```
#474e5e rgb(71,78,94)
```
#414c64
```
#414c64 rgb(65,76,100)
```
#3b496a
```
#3b496a rgb(59,73,106)
```
#344771
```
#344771 rgb(52,71,113)
```
#2e4477
```
#2e4477 rgb(46,68,119)
```
#28417d
```
#28417d rgb(40,65,125)
```
#213f84
```
#213f84 rgb(33,63,132)
```
#1b3c8a
```
#1b3c8a rgb(27,60,138)
```
#153a90
```
#153a90 rgb(21,58,144)
```
#0e3797
```
#0e3797 rgb(14,55,151)
```
#08359d
```
#08359d rgb(8,53,157)
```
#0232a3
```
#0232a3 rgb(2,50,163)
```

Tone Color Variation

Below, you can see how #2e4477 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
#3f434d Atypical Achromatopsia 0.001% of the population

Dichromacy

#394d7e Protanopia 1% of men
#2d4f7d Deuteranopia 1% of men
#25555b Tritanopia 0.001% of the population

Trichromacy

#354a7b Protanomaly 1% of men, 0.01% of women
#2d4b7a Deuteranomaly 6% of men, 0.4% of women
#284f65 Tritanomaly 0.01% of the population

#2e4477 hex color

#2e4477 Color Information

#2e4477 Color Conversion

Color Schemes with #2e4477

Alternatives to #2e4477

#2e4477 Preview

Shades and Tints of #2e4477

Tones of #2e4477

Color Blindness Simulator