#2e5385 hex color

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

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

● #2e5385 color description : Dark moderate blue.

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

Hex triplet	2e5385	`#2e5385`
RGB Decimal	46, 83, 133	`rgb(46,83,133)`
RGB Percent	18, 32.5, 52.2	`rgb(18%,32.5%,52.2%)`
CMYK	65, 38, 0, 48
HSL	214.5°, 48.6, 35.1	`hsl(214.5,48.6%,35.1%)`
HSV (or HSB)	214.5°, 65.4, 52.2
Web Safe	336699	`#336699`

CIE-LAB	34.924, 3.681, -31.958
XYZ	8.453, 8.46, 23.377
xyY	0.21, 0.21, 8.46
CIE-LCH	34.924, 32.17, 276.571
CIE-LUV	34.924, -15.119, -44.397
Hunter-Lab	29.087, 0.971, -27.29
Binary	00101110, 01010011, 10000101

#2e5385
```
#2e5385 rgb(46,83,133)
```
#85602e
```
#85602e rgb(133,96,46)
```

Complementary Color

#2e7f85
```
#2e7f85 rgb(46,127,133)
```
#2e5385
```
#2e5385 rgb(46,83,133)
```
#352e85
```
#352e85 rgb(53,46,133)
```

Analogous Color

#7f852e
```
#7f852e rgb(127,133,46)
```
#2e5385
```
#2e5385 rgb(46,83,133)
```
#85352e
```
#85352e rgb(133,53,46)
```

Split Complementary Color

#53852e
```
#53852e rgb(83,133,46)
```
#2e5385
```
#2e5385 rgb(46,83,133)
```
#852e53
```
#852e53 rgb(133,46,83)
```

Triadic Color

#2e8560
```
#2e8560 rgb(46,133,96)
```
#2e5385
```
#2e5385 rgb(46,83,133)
```
#852e53
```
#852e53 rgb(133,46,83)
```
#85602e
```
#85602e rgb(133,96,46)
```

Tetradic Color

#1a304c
```
#1a304c rgb(26,48,76)
```
#213b5f
```
#213b5f rgb(33,59,95)
```
#274772
```
#274772 rgb(39,71,114)
```
#2e5385
```
#2e5385 rgb(46,83,133)
```
#355f98
```
#355f98 rgb(53,95,152)
```
#3b6bab
```
#3b6bab rgb(59,107,171)
```
#4277be
```
#4277be rgb(66,119,190)
```

Monochromatic Color

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

#2e6985
```
#2e6985 rgb(46,105,133)
```
#2e6285
```
#2e6285 rgb(46,98,133)
```
#2e5a85
```
#2e5a85 rgb(46,90,133)
```
#2e5385
```
#2e5385 rgb(46,83,133)
```
#2e4c85
```
#2e4c85 rgb(46,76,133)
```
#2e4585
```
#2e4585 rgb(46,69,133)
```
#2e3d85
```
#2e3d85 rgb(46,61,133)
```

Similar Colors

Text with hexadecimal color #2e5385

This text has a font color of #2e5385.

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

#2e5385 background color

This paragraph has a background color of #2e5385.

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

#2e5385 border color

This element has a border color of #2e5385.

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

CSS codes

.text {color:#2e5385;}

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

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

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 #f2f6fb is the lightest one.

#010102
```
#010102 rgb(1,1,2)
```
#060a10
```
#060a10 rgb(6,10,16)
```
#0b131f
```
#0b131f rgb(11,19,31)
```
#101c2e
```
#101c2e rgb(16,28,46)
```
#15263c
```
#15263c rgb(21,38,60)
```
#1a2f4b
```
#1a2f4b rgb(26,47,75)
```
#1f3859
```
#1f3859 rgb(31,56,89)
```
#244168
```
#244168 rgb(36,65,104)
```
#294a76
```
#294a76 rgb(41,74,118)
```
#2e5385
```
#2e5385 rgb(46,83,133)
```
#335c94
```
#335c94 rgb(51,92,148)
```
#3865a2
```
#3865a2 rgb(56,101,162)
```
#3d6eb1
```
#3d6eb1 rgb(61,110,177)
```

Shade Color Variation

#4378be
```
#4378be rgb(67,120,190)
```
#5282c3
```
#5282c3 rgb(82,130,195)
```
#618dc8
```
#618dc8 rgb(97,141,200)
```
#6f97cd
```
#6f97cd rgb(111,151,205)
```
#7ea2d2
```
#7ea2d2 rgb(126,162,210)
```
#8cacd7
```
#8cacd7 rgb(140,172,215)
```
#9bb7dc
```
#9bb7dc rgb(155,183,220)
```
#a9c1e1
```
#a9c1e1 rgb(169,193,225)
```
#b8cce6
```
#b8cce6 rgb(184,204,230)
```
#c7d6eb
```
#c7d6eb rgb(199,214,235)
```
#d5e1f1
```
#d5e1f1 rgb(213,225,241)
```
#e4ebf6
```
#e4ebf6 rgb(228,235,246)
```
#f2f6fb
```
#f2f6fb rgb(242,246,251)
```

Tint Color Variation

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

#57595c
```
#57595c rgb(87,89,92)
```
#505863
```
#505863 rgb(80,88,99)
```
#4a5769
```
#4a5769 rgb(74,87,105)
```
#435670
```
#435670 rgb(67,86,112)
```
#3c5577
```
#3c5577 rgb(60,85,119)
```
#35547e
```
#35547e rgb(53,84,126)
```
#2e5385
```
#2e5385 rgb(46,83,133)
```
#27528c
```
#27528c rgb(39,82,140)
```
#205193
```
#205193 rgb(32,81,147)
```
#19509a
```
#19509a rgb(25,80,154)
```
#124fa1
```
#124fa1 rgb(18,79,161)
```
#0c4ea7
```
#0c4ea7 rgb(12,78,167)
```
#054dae
```
#054dae rgb(5,77,174)
```

Tone Color Variation

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

#4e4e4e Achromatopsia 0.005% of the population
#484f59 Atypical Achromatopsia 0.001% of the population

Dichromacy

#475989 Protanopia 1% of men
#3c5b8b Deuteranopia 1% of men
#21636a Tritanopia 0.001% of the population

Trichromacy

#3e5787 Protanomaly 1% of men, 0.01% of women
#375889 Deuteranomaly 6% of men, 0.4% of women
#265d74 Tritanomaly 0.01% of the population

#2e5385 hex color

#2e5385 Color Information

#2e5385 Color Conversion

Color Schemes with #2e5385

Alternatives to #2e5385

#2e5385 Preview

Shades and Tints of #2e5385

Tones of #2e5385

Color Blindness Simulator