#2e4977 hex color

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

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

● #2e4977 color description : Dark moderate blue.

The hexadecimal color #2e4977 has RGB values of R:46, G:73, B:119 and CMYK values of C:0.61, M:0.39, Y:0, K:0.53. Its decimal value is 3033463.

Hex triplet	2e4977	`#2e4977`
RGB Decimal	46, 73, 119	`rgb(46,73,119)`
RGB Percent	18, 28.6, 46.7	`rgb(18%,28.6%,46.7%)`
CMYK	61, 39, 0, 53
HSL	217.8°, 44.2, 32.4	`hsl(217.8,44.2%,32.4%)`
HSV (or HSB)	217.8°, 61.3, 46.7
Web Safe	333366	`#333366`

CIE-LAB	31.061, 5.108, -29.394
XYZ	6.838, 6.677, 18.38
xyY	0.214, 0.209, 6.677
CIE-LCH	31.061, 29.834, 279.857
CIE-LUV	31.061, -11.766, -39.446
Hunter-Lab	25.841, 2.016, -24.084
Binary	00101110, 01001001, 01110111

#2e4977
```
#2e4977 rgb(46,73,119)
```
#775c2e
```
#775c2e rgb(119,92,46)
```

Complementary Color

#2e6e77
```
#2e6e77 rgb(46,110,119)
```
#2e4977
```
#2e4977 rgb(46,73,119)
```
#382e77
```
#382e77 rgb(56,46,119)
```

Analogous Color

#6e772e
```
#6e772e rgb(110,119,46)
```
#2e4977
```
#2e4977 rgb(46,73,119)
```
#77382e
```
#77382e rgb(119,56,46)
```

Split Complementary Color

#49772e
```
#49772e rgb(73,119,46)
```
#2e4977
```
#2e4977 rgb(46,73,119)
```
#772e49
```
#772e49 rgb(119,46,73)
```

Triadic Color

#2e775c
```
#2e775c rgb(46,119,92)
```
#2e4977
```
#2e4977 rgb(46,73,119)
```
#772e49
```
#772e49 rgb(119,46,73)
```
#775c2e
```
#775c2e rgb(119,92,46)
```

Tetradic Color

#192740
```
#192740 rgb(25,39,64)
```
#203252
```
#203252 rgb(32,50,82)
```
#273e65
```
#273e65 rgb(39,62,101)
```
#2e4977
```
#2e4977 rgb(46,73,119)
```
#355489
```
#355489 rgb(53,84,137)
```
#3c609c
```
#3c609c rgb(60,96,156)
```
#436bae
```
#436bae rgb(67,107,174)
```

Monochromatic Color

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

#2e5b77
```
#2e5b77 rgb(46,91,119)
```
#2e5577
```
#2e5577 rgb(46,85,119)
```
#2e4f77
```
#2e4f77 rgb(46,79,119)
```
#2e4977
```
#2e4977 rgb(46,73,119)
```
#2e4377
```
#2e4377 rgb(46,67,119)
```
#2e3d77
```
#2e3d77 rgb(46,61,119)
```
#2e3777
```
#2e3777 rgb(46,55,119)
```

Similar Colors

Text with hexadecimal color #2e4977

This text has a font color of #2e4977.

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

#2e4977 background color

This paragraph has a background color of #2e4977.

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

#2e4977 border color

This element has a border color of #2e4977.

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

CSS codes

.text {color:#2e4977;}

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

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

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

#020406
```
#020406 rgb(2,4,6)
```
#080c14
```
#080c14 rgb(8,12,20)
```
#0d1522
```
#0d1522 rgb(13,21,34)
```
#131e30
```
#131e30 rgb(19,30,48)
```
#18263e
```
#18263e rgb(24,38,62)
```
#1e2f4d
```
#1e2f4d rgb(30,47,77)
```
#23385b
```
#23385b rgb(35,56,91)
```
#294069
```
#294069 rgb(41,64,105)
```
#2e4977
```
#2e4977 rgb(46,73,119)
```
#335285
```
#335285 rgb(51,82,133)
```
#395a93
```
#395a93 rgb(57,90,147)
```
#3e63a1
```
#3e63a1 rgb(62,99,161)
```
#446cb0
```
#446cb0 rgb(68,108,176)
```

Shade Color Variation

#4d75ba
```
#4d75ba rgb(77,117,186)
```
#5b80c0
```
#5b80c0 rgb(91,128,192)
```
#698bc5
```
#698bc5 rgb(105,139,197)
```
#7796cb
```
#7796cb rgb(119,150,203)
```
#86a1d0
```
#86a1d0 rgb(134,161,208)
```
#94acd6
```
#94acd6 rgb(148,172,214)
```
#a2b7db
```
#a2b7db rgb(162,183,219)
```
#b0c2e0
```
#b0c2e0 rgb(176,194,224)
```
#becde6
```
#becde6 rgb(190,205,230)
```
#ccd8eb
```
#ccd8eb rgb(204,216,235)
```
#dae3f1
```
#dae3f1 rgb(218,227,241)
```
#e9eef6
```
#e9eef6 rgb(233,238,246)
```
#f7f9fc
```
#f7f9fc rgb(247,249,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 #023da3 is the most saturated one.

#4e5157
```
#4e5157 rgb(78,81,87)
```
#47505e
```
#47505e rgb(71,80,94)
```
#414e64
```
#414e64 rgb(65,78,100)
```
#3b4c6a
```
#3b4c6a rgb(59,76,106)
```
#344b71
```
#344b71 rgb(52,75,113)
```
#2e4977
```
#2e4977 rgb(46,73,119)
```
#28477d
```
#28477d rgb(40,71,125)
```
#214684
```
#214684 rgb(33,70,132)
```
#1b448a
```
#1b448a rgb(27,68,138)
```
#154290
```
#154290 rgb(21,66,144)
```
#0e4197
```
#0e4197 rgb(14,65,151)
```
#083f9d
```
#083f9d rgb(8,63,157)
```
#023da3
```
#023da3 rgb(2,61,163)
```

Tone Color Variation

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

#464646 Achromatopsia 0.005% of the population
#414750 Atypical Achromatopsia 0.001% of the population

Dichromacy

#40517d Protanopia 1% of men
#37527d Deuteranopia 1% of men
#27595f Tritanopia 0.001% of the population

Trichromacy

#394e7a Protanomaly 1% of men, 0.01% of women
#344f7b Deuteranomaly 6% of men, 0.4% of women
#2a5368 Tritanomaly 0.01% of the population

#2e4977 hex color

#2e4977 Color Information

#2e4977 Color Conversion

Color Schemes with #2e4977

Alternatives to #2e4977

#2e4977 Preview

Shades and Tints of #2e4977

Tones of #2e4977

Color Blindness Simulator