#2e4678 hex color

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

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

● #2e4678 color description : Dark moderate blue.

The hexadecimal color #2e4678 has RGB values of R:46, G:70, B:120 and CMYK values of C:0.62, M:0.42, Y:0, K:0.53. Its decimal value is 3032696.

Hex triplet	2e4678	`#2e4678`
RGB Decimal	46, 70, 120	`rgb(46,70,120)`
RGB Percent	18, 27.5, 47.1	`rgb(18%,27.5%,47.1%)`
CMYK	62, 42, 0, 53
HSL	220.5°, 44.6, 32.5	`hsl(220.5,44.6%,32.5%)`
HSV (or HSB)	220.5°, 61.7, 47.1
Web Safe	333366	`#333366`

CIE-LAB	30.198, 7.48, -31.388
XYZ	6.706, 6.317, 18.634
xyY	0.212, 0.2, 6.317
CIE-LCH	30.198, 32.267, 283.404
CIE-LUV	30.198, -10.745, -42.028
Hunter-Lab	25.133, 3.646, -26.365
Binary	00101110, 01000110, 01111000

#2e4678
```
#2e4678 rgb(46,70,120)
```
#78602e
```
#78602e rgb(120,96,46)
```

Complementary Color

#2e6b78
```
#2e6b78 rgb(46,107,120)
```
#2e4678
```
#2e4678 rgb(46,70,120)
```
#3b2e78
```
#3b2e78 rgb(59,46,120)
```

Analogous Color

#6b782e
```
#6b782e rgb(107,120,46)
```
#2e4678
```
#2e4678 rgb(46,70,120)
```
#783b2e
```
#783b2e rgb(120,59,46)
```

Split Complementary Color

#46782e
```
#46782e rgb(70,120,46)
```
#2e4678
```
#2e4678 rgb(46,70,120)
```
#782e46
```
#782e46 rgb(120,46,70)
```

Triadic Color

#2e7860
```
#2e7860 rgb(46,120,96)
```
#2e4678
```
#2e4678 rgb(46,70,120)
```
#782e46
```
#782e46 rgb(120,46,70)
```
#78602e
```
#78602e rgb(120,96,46)
```

Tetradic Color

#192641
```
#192641 rgb(25,38,65)
```
#203053
```
#203053 rgb(32,48,83)
```
#273b66
```
#273b66 rgb(39,59,102)
```
#2e4678
```
#2e4678 rgb(46,70,120)
```
#35518a
```
#35518a rgb(53,81,138)
```
#3c5c9d
```
#3c5c9d rgb(60,92,157)
```
#4366af
```
#4366af rgb(67,102,175)
```

Monochromatic Color

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

#2e5978
```
#2e5978 rgb(46,89,120)
```
#2e5278
```
#2e5278 rgb(46,82,120)
```
#2e4c78
```
#2e4c78 rgb(46,76,120)
```
#2e4678
```
#2e4678 rgb(46,70,120)
```
#2e4078
```
#2e4078 rgb(46,64,120)
```
#2e3a78
```
#2e3a78 rgb(46,58,120)
```
#2e3478
```
#2e3478 rgb(46,52,120)
```

Similar Colors

Text with hexadecimal color #2e4678

This text has a font color of #2e4678.

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

#2e4678 background color

This paragraph has a background color of #2e4678.

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

#2e4678 border color

This element has a border color of #2e4678.

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

CSS codes

.text {color:#2e4678;}

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

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

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)
```
#080c15
```
#080c15 rgb(8,12,21)
```
#0d1423
```
#0d1423 rgb(13,20,35)
```
#131d31
```
#131d31 rgb(19,29,49)
```
#18253f
```
#18253f rgb(24,37,63)
```
#1e2d4d
```
#1e2d4d rgb(30,45,77)
```
#23355c
```
#23355c rgb(35,53,92)
```
#293e6a
```
#293e6a rgb(41,62,106)
```
#2e4678
```
#2e4678 rgb(46,70,120)
```
#334e86
```
#334e86 rgb(51,78,134)
```
#395794
```
#395794 rgb(57,87,148)
```
#3e5fa3
```
#3e5fa3 rgb(62,95,163)
```
#4467b1
```
#4467b1 rgb(68,103,177)
```

Shade Color Variation

#4d71bb
```
#4d71bb rgb(77,113,187)
```
#5b7cc0
```
#5b7cc0 rgb(91,124,192)
```
#6a87c6
```
#6a87c6 rgb(106,135,198)
```
#7893cb
```
#7893cb rgb(120,147,203)
```
#869ed1
```
#869ed1 rgb(134,158,209)
```
#94a9d6
```
#94a9d6 rgb(148,169,214)
```
#a2b5db
```
#a2b5db rgb(162,181,219)
```
#b0c0e1
```
#b0c0e1 rgb(176,192,225)
```
#bfcce6
```
#bfcce6 rgb(191,204,230)
```
#cdd7ec
```
#cdd7ec rgb(205,215,236)
```
#dbe2f1
```
#dbe2f1 rgb(219,226,241)
```
#e9eef7
```
#e9eef7 rgb(233,238,247)
```
#f7f9fc
```
#f7f9fc rgb(247,249,252)
```

Tint Color Variation

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

#4e5158
```
#4e5158 rgb(78,81,88)
```
#484f5e
```
#484f5e rgb(72,79,94)
```
#414d65
```
#414d65 rgb(65,77,101)
```
#3b4a6b
```
#3b4a6b rgb(59,74,107)
```
#344872
```
#344872 rgb(52,72,114)
```
#2e4678
```
#2e4678 rgb(46,70,120)
```
#28447e
```
#28447e rgb(40,68,126)
```
#214285
```
#214285 rgb(33,66,133)
```
#1b3f8b
```
#1b3f8b rgb(27,63,139)
```
#143d92
```
#143d92 rgb(20,61,146)
```
#0e3b98
```
#0e3b98 rgb(14,59,152)
```
#08399e
```
#08399e rgb(8,57,158)
```
#0136a5
```
#0136a5 rgb(1,54,165)
```

Tone Color Variation

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

#454545 Achromatopsia 0.005% of the population
#40454f Atypical Achromatopsia 0.001% of the population

Dichromacy

#3b4f7e Protanopia 1% of men
#30517e Deuteranopia 1% of men
#25575d Tritanopia 0.001% of the population

Trichromacy

#364b7c Protanomaly 1% of men, 0.01% of women
#2f4d7c Deuteranomaly 6% of men, 0.4% of women
#285067 Tritanomaly 0.01% of the population

#2e4678 hex color

#2e4678 Color Information

#2e4678 Color Conversion

Color Schemes with #2e4678

Alternatives to #2e4678

#2e4678 Preview

Shades and Tints of #2e4678

Tones of #2e4678

Color Blindness Simulator