#2e4c84 hex color

In a RGB color space, hex #2e4c84 is composed of 18% red, 29.8% green and 51.8% blue. Whereas in a CMYK color space, it is composed of 65.2% cyan, 42.4% magenta, 0% yellow and 48.2% black. It has a hue angle of 219.1 degrees, a saturation of 48.3% and a lightness of 34.9%. #2e4c84 color hex could be obtained by blending #5c98ff with #000009. Closest websafe color is: #333399.

♥
- f
- t
- g
- R 18
- G 30
- B 52
RGB color chart
- C 65
- M 42
- Y 0
- K 48
CMYK color chart

● #2e4c84 color description : Dark moderate blue.

The hexadecimal color #2e4c84 has RGB values of R:46, G:76, B:132 and CMYK values of C:0.65, M:0.42, Y:0, K:0.48. Its decimal value is 3034244.

Hex triplet	2e4c84	`#2e4c84`
RGB Decimal	46, 76, 132	`rgb(46,76,132)`
RGB Percent	18, 29.8, 51.8	`rgb(18%,29.8%,51.8%)`
CMYK	65, 42, 0, 48
HSL	219.1°, 48.3, 34.9	`hsl(219.1,48.3%,34.9%)`
HSV (or HSB)	219.1°, 65.2, 51.8
Web Safe	333399	`#333399`

CIE-LAB	32.734, 7.916, -34.819
XYZ	7.875, 7.415, 22.845
xyY	0.207, 0.194, 7.415
CIE-LCH	32.734, 35.707, 282.808
CIE-LUV	32.734, -12.75, -47.945
Hunter-Lab	27.231, 3.968, -30.679
Binary	00101110, 01001100, 10000100

#2e4c84
```
#2e4c84 rgb(46,76,132)
```
#84662e
```
#84662e rgb(132,102,46)
```

Complementary Color

#2e7784
```
#2e7784 rgb(46,119,132)
```
#2e4c84
```
#2e4c84 rgb(46,76,132)
```
#3b2e84
```
#3b2e84 rgb(59,46,132)
```

Analogous Color

#77842e
```
#77842e rgb(119,132,46)
```
#2e4c84
```
#2e4c84 rgb(46,76,132)
```
#843b2e
```
#843b2e rgb(132,59,46)
```

Split Complementary Color

#4c842e
```
#4c842e rgb(76,132,46)
```
#2e4c84
```
#2e4c84 rgb(46,76,132)
```
#842e4c
```
#842e4c rgb(132,46,76)
```

Triadic Color

#2e8466
```
#2e8466 rgb(46,132,102)
```
#2e4c84
```
#2e4c84 rgb(46,76,132)
```
#842e4c
```
#842e4c rgb(132,46,76)
```
#84662e
```
#84662e rgb(132,102,46)
```

Tetradic Color

#1a2b4b
```
#1a2b4b rgb(26,43,75)
```
#21365e
```
#21365e rgb(33,54,94)
```
#274171
```
#274171 rgb(39,65,113)
```
#2e4c84
```
#2e4c84 rgb(46,76,132)
```
#355797
```
#355797 rgb(53,87,151)
```
#3b62aa
```
#3b62aa rgb(59,98,170)
```
#426dbd
```
#426dbd rgb(66,109,189)
```

Monochromatic Color

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

#2e6284
```
#2e6284 rgb(46,98,132)
```
#2e5a84
```
#2e5a84 rgb(46,90,132)
```
#2e5384
```
#2e5384 rgb(46,83,132)
```
#2e4c84
```
#2e4c84 rgb(46,76,132)
```
#2e4584
```
#2e4584 rgb(46,69,132)
```
#2e3e84
```
#2e3e84 rgb(46,62,132)
```
#2e3784
```
#2e3784 rgb(46,55,132)
```

Similar Colors

Text with hexadecimal color #2e4c84

This text has a font color of #2e4c84.

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

#2e4c84 background color

This paragraph has a background color of #2e4c84.

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

#2e4c84 border color

This element has a border color of #2e4c84.

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

CSS codes

.text {color:#2e4c84;}

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

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

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

#000101
```
#000101 rgb(0,1,1)
```
#050910
```
#050910 rgb(5,9,16)
```
#0b111e
```
#0b111e rgb(11,17,30)
```
#101a2d
```
#101a2d rgb(16,26,45)
```
#15223b
```
#15223b rgb(21,34,59)
```
#1a2a4a
```
#1a2a4a rgb(26,42,74)
```
#1f3358
```
#1f3358 rgb(31,51,88)
```
#243b67
```
#243b67 rgb(36,59,103)
```
#294475
```
#294475 rgb(41,68,117)
```
#2e4c84
```
#2e4c84 rgb(46,76,132)
```
#335493
```
#335493 rgb(51,84,147)
```
#385da1
```
#385da1 rgb(56,93,161)
```
#3d65b0
```
#3d65b0 rgb(61,101,176)
```

Shade Color Variation

#436ebd
```
#436ebd rgb(67,110,189)
```
#5279c3
```
#5279c3 rgb(82,121,195)
```
#6084c8
```
#6084c8 rgb(96,132,200)
```
#6f8fcd
```
#6f8fcd rgb(111,143,205)
```
#7d9bd2
```
#7d9bd2 rgb(125,155,210)
```
#8ca6d7
```
#8ca6d7 rgb(140,166,215)
```
#9ab1dc
```
#9ab1dc rgb(154,177,220)
```
#a9bce1
```
#a9bce1 rgb(169,188,225)
```
#b7c8e6
```
#b7c8e6 rgb(183,200,230)
```
#c6d3eb
```
#c6d3eb rgb(198,211,235)
```
#d4def0
```
#d4def0 rgb(212,222,240)
```
#e3e9f5
```
#e3e9f5 rgb(227,233,245)
```
#f2f5fa
```
#f2f5fa rgb(242,245,250)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #57585b is the less saturated color, while #0540ad is the most saturated one.

#57585b
```
#57585b rgb(87,88,91)
```
#505662
```
#505662 rgb(80,86,98)
```
#495469
```
#495469 rgb(73,84,105)
```
#43526f
```
#43526f rgb(67,82,111)
```
#3c5076
```
#3c5076 rgb(60,80,118)
```
#354e7d
```
#354e7d rgb(53,78,125)
```
#2e4c84
```
#2e4c84 rgb(46,76,132)
```
#274a8b
```
#274a8b rgb(39,74,139)
```
#204892
```
#204892 rgb(32,72,146)
```
#194699
```
#194699 rgb(25,70,153)
```
#13449f
```
#13449f rgb(19,68,159)
```
#0c42a6
```
#0c42a6 rgb(12,66,166)
```
#0540ad
```
#0540ad rgb(5,64,173)
```

Tone Color Variation

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

Dichromacy

#3e5489 Protanopia 1% of men
#2e5689 Deuteranopia 1% of men
#1d5d64 Tritanopia 0.001% of the population

Trichromacy

#385187 Protanomaly 1% of men, 0.01% of women
#2e5287 Deuteranomaly 6% of men, 0.4% of women
#235770 Tritanomaly 0.01% of the population

#2e4c84 hex color

#2e4c84 Color Information

#2e4c84 Color Conversion

Color Schemes with #2e4c84

Alternatives to #2e4c84

#2e4c84 Preview

Shades and Tints of #2e4c84

Tones of #2e4c84

Color Blindness Simulator