#2e4e78 hex color

In a RGB color space, hex #2e4e78 is composed of 18% red, 30.6% green and 47.1% blue. Whereas in a CMYK color space, it is composed of 61.7% cyan, 35% magenta, 0% yellow and 52.9% black. It has a hue angle of 214.1 degrees, a saturation of 44.6% and a lightness of 32.5%. #2e4e78 color hex could be obtained by blending #5c9cf0 with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 18
- G 31
- B 47
RGB color chart
- C 62
- M 35
- Y 0
- K 53
CMYK color chart

● #2e4e78 color description : Dark moderate blue.

The hexadecimal color #2e4e78 has RGB values of R:46, G:78, B:120 and CMYK values of C:0.62, M:0.35, Y:0, K:0.53. Its decimal value is 3034744.

Hex triplet	2e4e78	`#2e4e78`
RGB Decimal	46, 78, 120	`rgb(46,78,120)`
RGB Percent	18, 30.6, 47.1	`rgb(18%,30.6%,47.1%)`
CMYK	62, 35, 0, 53
HSL	214.1°, 44.6, 32.5	`hsl(214.1,44.6%,32.5%)`
HSV (or HSB)	214.1°, 61.7, 47.1
Web Safe	336666	`#336666`

CIE-LAB	32.668, 2.179, -27.482
XYZ	7.24, 7.385, 18.812
xyY	0.217, 0.221, 7.385
CIE-LCH	32.668, 27.568, 274.534
CIE-LUV	32.668, -13.516, -37.092
Hunter-Lab	27.176, 0, -22.02
Binary	00101110, 01001110, 01111000

#2e4e78
```
#2e4e78 rgb(46,78,120)
```
#78582e
```
#78582e rgb(120,88,46)
```

Complementary Color

#2e7378
```
#2e7378 rgb(46,115,120)
```
#2e4e78
```
#2e4e78 rgb(46,78,120)
```
#332e78
```
#332e78 rgb(51,46,120)
```

Analogous Color

#73782e
```
#73782e rgb(115,120,46)
```
#2e4e78
```
#2e4e78 rgb(46,78,120)
```
#78332e
```
#78332e rgb(120,51,46)
```

Split Complementary Color

#4e782e
```
#4e782e rgb(78,120,46)
```
#2e4e78
```
#2e4e78 rgb(46,78,120)
```
#782e4e
```
#782e4e rgb(120,46,78)
```

Triadic Color

#2e7858
```
#2e7858 rgb(46,120,88)
```
#2e4e78
```
#2e4e78 rgb(46,78,120)
```
#782e4e
```
#782e4e rgb(120,46,78)
```
#78582e
```
#78582e rgb(120,88,46)
```

Tetradic Color

#192a41
```
#192a41 rgb(25,42,65)
```
#203653
```
#203653 rgb(32,54,83)
```
#274266
```
#274266 rgb(39,66,102)
```
#2e4e78
```
#2e4e78 rgb(46,78,120)
```
#355a8a
```
#355a8a rgb(53,90,138)
```
#3c669d
```
#3c669d rgb(60,102,157)
```
#4372af
```
#4372af rgb(67,114,175)
```

Monochromatic Color

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

#2e6178
```
#2e6178 rgb(46,97,120)
```
#2e5a78
```
#2e5a78 rgb(46,90,120)
```
#2e5478
```
#2e5478 rgb(46,84,120)
```
#2e4e78
```
#2e4e78 rgb(46,78,120)
```
#2e4878
```
#2e4878 rgb(46,72,120)
```
#2e4278
```
#2e4278 rgb(46,66,120)
```
#2e3c78
```
#2e3c78 rgb(46,60,120)
```

Similar Colors

Text with hexadecimal color #2e4e78

This text has a font color of #2e4e78.

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

#2e4e78 background color

This paragraph has a background color of #2e4e78.

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

#2e4e78 border color

This element has a border color of #2e4e78.

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

CSS codes

.text {color:#2e4e78;}

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

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

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

#030407
```
#030407 rgb(3,4,7)
```
#080d15
```
#080d15 rgb(8,13,21)
```
#0d1723
```
#0d1723 rgb(13,23,35)
```
#132031
```
#132031 rgb(19,32,49)
```
#18293f
```
#18293f rgb(24,41,63)
```
#1e324d
```
#1e324d rgb(30,50,77)
```
#233c5c
```
#233c5c rgb(35,60,92)
```
#29456a
```
#29456a rgb(41,69,106)
```
#2e4e78
```
#2e4e78 rgb(46,78,120)
```
#335786
```
#335786 rgb(51,87,134)
```
#396094
```
#396094 rgb(57,96,148)
```
#3e6aa3
```
#3e6aa3 rgb(62,106,163)
```
#4473b1
```
#4473b1 rgb(68,115,177)
```

Shade Color Variation

#4d7dbb
```
#4d7dbb rgb(77,125,187)
```
#5b87c0
```
#5b87c0 rgb(91,135,192)
```
#6a91c6
```
#6a91c6 rgb(106,145,198)
```
#789ccb
```
#789ccb rgb(120,156,203)
```
#86a6d1
```
#86a6d1 rgb(134,166,209)
```
#94b1d6
```
#94b1d6 rgb(148,177,214)
```
#a2bbdb
```
#a2bbdb rgb(162,187,219)
```
#b0c5e1
```
#b0c5e1 rgb(176,197,225)
```
#bfd0e6
```
#bfd0e6 rgb(191,208,230)
```
#cddaec
```
#cddaec rgb(205,218,236)
```
#dbe5f1
```
#dbe5f1 rgb(219,229,241)
```
#e9eff7
```
#e9eff7 rgb(233,239,247)
```
#f7f9fc
```
#f7f9fc rgb(247,249,252)
```

Tint Color Variation

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

#4e5258
```
#4e5258 rgb(78,82,88)
```
#48515e
```
#48515e rgb(72,81,94)
```
#415165
```
#415165 rgb(65,81,101)
```
#3b506b
```
#3b506b rgb(59,80,107)
```
#344f72
```
#344f72 rgb(52,79,114)
```
#2e4e78
```
#2e4e78 rgb(46,78,120)
```
#284d7e
```
#284d7e rgb(40,77,126)
```
#214c85
```
#214c85 rgb(33,76,133)
```
#1b4b8b
```
#1b4b8b rgb(27,75,139)
```
#144b92
```
#144b92 rgb(20,75,146)
```
#0e4a98
```
#0e4a98 rgb(14,74,152)
```
#08499e
```
#08499e rgb(8,73,158)
```
#0148a5
```
#0148a5 rgb(1,72,165)
```

Tone Color Variation

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

#494949 Achromatopsia 0.005% of the population
#444a52 Atypical Achromatopsia 0.001% of the population

Dichromacy

#46547d Protanopia 1% of men
#3f567f Deuteranopia 1% of men
#295c63 Tritanopia 0.001% of the population

Trichromacy

#3d527b Protanomaly 1% of men, 0.01% of women
#39537c Deuteranomaly 6% of men, 0.4% of women
#2b576b Tritanomaly 0.01% of the population

#2e4e78 hex color

#2e4e78 Color Information

#2e4e78 Color Conversion

Color Schemes with #2e4e78

Alternatives to #2e4e78

#2e4e78 Preview

Shades and Tints of #2e4e78

Tones of #2e4e78

Color Blindness Simulator