#2e4585 hex color

In a RGB color space, hex #2e4585 is composed of 18% red, 27.1% green and 52.2% blue. Whereas in a CMYK color space, it is composed of 65.4% cyan, 48.1% magenta, 0% yellow and 47.8% black. It has a hue angle of 224.1 degrees, a saturation of 48.6% and a lightness of 35.1%. #2e4585 color hex could be obtained by blending #5c8aff with #00000b. Closest websafe color is: #333399.

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

● #2e4585 color description : Dark moderate blue.

The hexadecimal color #2e4585 has RGB values of R:46, G:69, B:133 and CMYK values of C:0.65, M:0.48, Y:0, K:0.48. Its decimal value is 3032453.

Hex triplet	2e4585	`#2e4585`
RGB Decimal	46, 69, 133	`rgb(46,69,133)`
RGB Percent	18, 27.1, 52.2	`rgb(18%,27.1%,52.2%)`
CMYK	65, 48, 0, 48
HSL	224.1°, 48.6, 35.1	`hsl(224.1,48.6%,35.1%)`
HSV (or HSB)	224.1°, 65.4, 52.2
Web Safe	333399	`#333399`

CIE-LAB	30.712, 12.994, -38.667
XYZ	7.488, 6.53, 23.055
xyY	0.202, 0.176, 6.53
CIE-LCH	30.712, 40.792, 288.575
CIE-LUV	30.712, -10.503, -52.599
Hunter-Lab	25.554, 7.582, -35.604
Binary	00101110, 01000101, 10000101

#2e4585
```
#2e4585 rgb(46,69,133)
```
#856e2e
```
#856e2e rgb(133,110,46)
```

Complementary Color

#2e7185
```
#2e7185 rgb(46,113,133)
```
#2e4585
```
#2e4585 rgb(46,69,133)
```
#432e85
```
#432e85 rgb(67,46,133)
```

Analogous Color

#71852e
```
#71852e rgb(113,133,46)
```
#2e4585
```
#2e4585 rgb(46,69,133)
```
#85432e
```
#85432e rgb(133,67,46)
```

Split Complementary Color

#45852e
```
#45852e rgb(69,133,46)
```
#2e4585
```
#2e4585 rgb(46,69,133)
```
#852e45
```
#852e45 rgb(133,46,69)
```

Triadic Color

#2e856e
```
#2e856e rgb(46,133,110)
```
#2e4585
```
#2e4585 rgb(46,69,133)
```
#852e45
```
#852e45 rgb(133,46,69)
```
#856e2e
```
#856e2e rgb(133,110,46)
```

Tetradic Color

#1a284c
```
#1a284c rgb(26,40,76)
```
#21315f
```
#21315f rgb(33,49,95)
```
#273b72
```
#273b72 rgb(39,59,114)
```
#2e4585
```
#2e4585 rgb(46,69,133)
```
#354f98
```
#354f98 rgb(53,79,152)
```
#3b59ab
```
#3b59ab rgb(59,89,171)
```
#4263be
```
#4263be rgb(66,99,190)
```

Monochromatic Color

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

#2e5b85
```
#2e5b85 rgb(46,91,133)
```
#2e5485
```
#2e5485 rgb(46,84,133)
```
#2e4c85
```
#2e4c85 rgb(46,76,133)
```
#2e4585
```
#2e4585 rgb(46,69,133)
```
#2e3e85
```
#2e3e85 rgb(46,62,133)
```
#2e3785
```
#2e3785 rgb(46,55,133)
```
#2e2f85
```
#2e2f85 rgb(46,47,133)
```

Similar Colors

Text with hexadecimal color #2e4585

This text has a font color of #2e4585.

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

#2e4585 background color

This paragraph has a background color of #2e4585.

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

#2e4585 border color

This element has a border color of #2e4585.

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

CSS codes

.text {color:#2e4585;}

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

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

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

#010102
```
#010102 rgb(1,1,2)
```
#060910
```
#060910 rgb(6,9,16)
```
#0b101f
```
#0b101f rgb(11,16,31)
```
#10182e
```
#10182e rgb(16,24,46)
```
#151f3c
```
#151f3c rgb(21,31,60)
```
#1a274b
```
#1a274b rgb(26,39,75)
```
#1f2e59
```
#1f2e59 rgb(31,46,89)
```
#243668
```
#243668 rgb(36,54,104)
```
#293d76
```
#293d76 rgb(41,61,118)
```
#2e4585
```
#2e4585 rgb(46,69,133)
```
#334d94
```
#334d94 rgb(51,77,148)
```
#3854a2
```
#3854a2 rgb(56,84,162)
```
#3d5cb1
```
#3d5cb1 rgb(61,92,177)
```

Shade Color Variation

#4364be
```
#4364be rgb(67,100,190)
```
#5270c3
```
#5270c3 rgb(82,112,195)
```
#617cc8
```
#617cc8 rgb(97,124,200)
```
#6f88cd
```
#6f88cd rgb(111,136,205)
```
#7e94d2
```
#7e94d2 rgb(126,148,210)
```
#8ca0d7
```
#8ca0d7 rgb(140,160,215)
```
#9bacdc
```
#9bacdc rgb(155,172,220)
```
#a9b8e1
```
#a9b8e1 rgb(169,184,225)
```
#b8c4e6
```
#b8c4e6 rgb(184,196,230)
```
#c7d0eb
```
#c7d0eb rgb(199,208,235)
```
#d5dcf1
```
#d5dcf1 rgb(213,220,241)
```
#e4e8f6
```
#e4e8f6 rgb(228,232,246)
```
#f2f4fb
```
#f2f4fb rgb(242,244,251)
```

Tint Color Variation

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

#57585c
```
#57585c rgb(87,88,92)
```
#505563
```
#505563 rgb(80,85,99)
```
#4a5269
```
#4a5269 rgb(74,82,105)
```
#434f70
```
#434f70 rgb(67,79,112)
```
#3c4b77
```
#3c4b77 rgb(60,75,119)
```
#35487e
```
#35487e rgb(53,72,126)
```
#2e4585
```
#2e4585 rgb(46,69,133)
```
#27428c
```
#27428c rgb(39,66,140)
```
#203f93
```
#203f93 rgb(32,63,147)
```
#193b9a
```
#193b9a rgb(25,59,154)
```
#1238a1
```
#1238a1 rgb(18,56,161)
```
#0c35a7
```
#0c35a7 rgb(12,53,167)
```
#0532ae
```
#0532ae rgb(5,50,174)
```

Tone Color Variation

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

Dichromacy

#304f8c Protanopia 1% of men
#155389 Deuteranopia 1% of men
#16595f Tritanopia 0.001% of the population

Trichromacy

#2f4b89 Protanomaly 1% of men, 0.01% of women
#1e4d87 Deuteranomaly 6% of men, 0.4% of women
#1e516d Tritanomaly 0.01% of the population

#2e4585 hex color

#2e4585 Color Information

#2e4585 Color Conversion

Color Schemes with #2e4585

Alternatives to #2e4585

#2e4585 Preview

Shades and Tints of #2e4585

Tones of #2e4585

Color Blindness Simulator