#2e4393 hex color

In a RGB color space, hex #2e4393 is composed of 18% red, 26.3% green and 57.6% blue. Whereas in a CMYK color space, it is composed of 68.7% cyan, 54.4% magenta, 0% yellow and 42.4% black. It has a hue angle of 227.5 degrees, a saturation of 52.3% and a lightness of 37.8%. #2e4393 color hex could be obtained by blending #5c86ff with #000027. Closest websafe color is: #333399.

♥
- f
- t
- g
- R 18
- G 26
- B 58
RGB color chart
- C 69
- M 54
- Y 0
- K 42
CMYK color chart

● #2e4393 color description : Dark moderate blue.

The hexadecimal color #2e4393 has RGB values of R:46, G:67, B:147 and CMYK values of C:0.69, M:0.54, Y:0, K:0.42. Its decimal value is 3031955.

Hex triplet	2e4393	`#2e4393`
RGB Decimal	46, 67, 147	`rgb(46,67,147)`
RGB Percent	18, 26.3, 57.6	`rgb(18%,26.3%,57.6%)`
CMYK	69, 54, 0, 42
HSL	227.5°, 52.3, 37.8	`hsl(227.5,52.3%,37.8%)`
HSV (or HSB)	227.5°, 68.7, 57.6
Web Safe	333399	`#333399`

CIE-LAB	31.117, 19.619, -46.629
XYZ	8.399, 6.701, 28.453
xyY	0.193, 0.154, 6.701
CIE-LCH	31.117, 50.588, 292.818
CIE-LUV	31.117, -10.075, -63.872
Hunter-Lab	25.887, 12.614, -47.047
Binary	00101110, 01000011, 10010011

#2e4393
```
#2e4393 rgb(46,67,147)
```
#937e2e
```
#937e2e rgb(147,126,46)
```

Complementary Color

#2e7693
```
#2e7693 rgb(46,118,147)
```
#2e4393
```
#2e4393 rgb(46,67,147)
```
#4c2e93
```
#4c2e93 rgb(76,46,147)
```

Analogous Color

#76932e
```
#76932e rgb(118,147,46)
```
#2e4393
```
#2e4393 rgb(46,67,147)
```
#934c2e
```
#934c2e rgb(147,76,46)
```

Split Complementary Color

#43932e
```
#43932e rgb(67,147,46)
```
#2e4393
```
#2e4393 rgb(46,67,147)
```
#932e43
```
#932e43 rgb(147,46,67)
```

Triadic Color

#2e937e
```
#2e937e rgb(46,147,126)
```
#2e4393
```
#2e4393 rgb(46,67,147)
```
#932e43
```
#932e43 rgb(147,46,67)
```
#937e2e
```
#937e2e rgb(147,126,46)
```

Tetradic Color

#1c2859
```
#1c2859 rgb(28,40,89)
```
#22316c
```
#22316c rgb(34,49,108)
```
#283a80
```
#283a80 rgb(40,58,128)
```
#2e4393
```
#2e4393 rgb(46,67,147)
```
#344ca6
```
#344ca6 rgb(52,76,166)
```
#3a55ba
```
#3a55ba rgb(58,85,186)
```
#4862c6
```
#4862c6 rgb(72,98,198)
```

Monochromatic Color

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

#2e5c93
```
#2e5c93 rgb(46,92,147)
```
#2e5493
```
#2e5493 rgb(46,84,147)
```
#2e4b93
```
#2e4b93 rgb(46,75,147)
```
#2e4393
```
#2e4393 rgb(46,67,147)
```
#2e3b93
```
#2e3b93 rgb(46,59,147)
```
#2e3293
```
#2e3293 rgb(46,50,147)
```
#322e93
```
#322e93 rgb(50,46,147)
```

Similar Colors

Text with hexadecimal color #2e4393

This text has a font color of #2e4393.

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

#2e4393 background color

This paragraph has a background color of #2e4393.

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

#2e4393 border color

This element has a border color of #2e4393.

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

CSS codes

.text {color:#2e4393;}

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

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

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, #04060d is the darkest color, while #fdfdfe is the lightest one.

#04060d
```
#04060d rgb(4,6,13)
```
#090d1b
```
#090d1b rgb(9,13,27)
```
#0d132a
```
#0d132a rgb(13,19,42)
```
#121a39
```
#121a39 rgb(18,26,57)
```
#172148
```
#172148 rgb(23,33,72)
```
#1b2857
```
#1b2857 rgb(27,40,87)
```
#202f66
```
#202f66 rgb(32,47,102)
```
#253575
```
#253575 rgb(37,53,117)
```
#293c84
```
#293c84 rgb(41,60,132)
```
#2e4393
```
#2e4393 rgb(46,67,147)
```
#334aa2
```
#334aa2 rgb(51,74,162)
```
#3751b1
```
#3751b1 rgb(55,81,177)
```
#3c57c0
```
#3c57c0 rgb(60,87,192)
```

Shade Color Variation

#4963c6
```
#4963c6 rgb(73,99,198)
```
#5870cb
```
#5870cb rgb(88,112,203)
```
#677dcf
```
#677dcf rgb(103,125,207)
```
#768ad4
```
#768ad4 rgb(118,138,212)
```
#8596d9
```
#8596d9 rgb(133,150,217)
```
#94a3de
```
#94a3de rgb(148,163,222)
```
#a3b0e2
```
#a3b0e2 rgb(163,176,226)
```
#b2bde7
```
#b2bde7 rgb(178,189,231)
```
#c1caec
```
#c1caec rgb(193,202,236)
```
#d0d7f0
```
#d0d7f0 rgb(208,215,240)
```
#dfe3f5
```
#dfe3f5 rgb(223,227,245)
```
#eef0fa
```
#eef0fa rgb(238,240,250)
```
#fdfdfe
```
#fdfdfe rgb(253,253,254)
```

Tint Color Variation

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

#5b5d66
```
#5b5d66 rgb(91,93,102)
```
#53596e
```
#53596e rgb(83,89,110)
```
#4c5475
```
#4c5475 rgb(76,84,117)
```
#44507d
```
#44507d rgb(68,80,125)
```
#3d4c84
```
#3d4c84 rgb(61,76,132)
```
#35478c
```
#35478c rgb(53,71,140)
```
#2e4393
```
#2e4393 rgb(46,67,147)
```
#273f9a
```
#273f9a rgb(39,63,154)
```
#1f3aa2
```
#1f3aa2 rgb(31,58,162)
```
#1836a9
```
#1836a9 rgb(24,54,169)
```
#1032b1
```
#1032b1 rgb(16,50,177)
```
#092db8
```
#092db8 rgb(9,45,184)
```
#0129c0
```
#0129c0 rgb(1,41,192)
```

Tone Color Variation

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

Dichromacy

#13509b Protanopia 1% of men
#00548a Deuteranopia 1% of men
#005a60 Tritanopia 0.001% of the population

Trichromacy

#1d4b98 Protanomaly 1% of men, 0.01% of women
#104e8d Deuteranomaly 6% of men, 0.4% of women
#105273 Tritanomaly 0.01% of the population

#2e4393 hex color

#2e4393 Color Information

#2e4393 Color Conversion

Color Schemes with #2e4393

Alternatives to #2e4393

#2e4393 Preview

Shades and Tints of #2e4393

Tones of #2e4393

Color Blindness Simulator