#2e5386 hex color

In a RGB color space, hex #2e5386 is composed of 18% red, 32.5% green and 52.5% blue. Whereas in a CMYK color space, it is composed of 65.7% cyan, 38.1% magenta, 0% yellow and 47.5% black. It has a hue angle of 214.8 degrees, a saturation of 48.9% and a lightness of 35.3%. #2e5386 color hex could be obtained by blending #5ca6ff with #00000d. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 18
- G 33
- B 53
RGB color chart
- C 66
- M 38
- Y 0
- K 47
CMYK color chart

● #2e5386 color description : Dark moderate blue.

The hexadecimal color #2e5386 has RGB values of R:46, G:83, B:134 and CMYK values of C:0.66, M:0.38, Y:0, K:0.47. Its decimal value is 3036038.

Hex triplet	2e5386	`#2e5386`
RGB Decimal	46, 83, 134	`rgb(46,83,134)`
RGB Percent	18, 32.5, 52.5	`rgb(18%,32.5%,52.5%)`
CMYK	66, 38, 0, 47
HSL	214.8°, 48.9, 35.3	`hsl(214.8,48.9%,35.3%)`
HSV (or HSB)	214.8°, 65.7, 52.5
Web Safe	336699	`#336699`

CIE-LAB	34.979, 4.051, -32.484
XYZ	8.522, 8.488, 23.742
xyY	0.209, 0.208, 8.488
CIE-LCH	34.979, 32.735, 277.108
CIE-LUV	34.979, -15.105, -45.207
Hunter-Lab	29.134, 1.228, -27.923
Binary	00101110, 01010011, 10000110

#2e5386
```
#2e5386 rgb(46,83,134)
```
#86612e
```
#86612e rgb(134,97,46)
```

Complementary Color

#2e7f86
```
#2e7f86 rgb(46,127,134)
```
#2e5386
```
#2e5386 rgb(46,83,134)
```
#352e86
```
#352e86 rgb(53,46,134)
```

Analogous Color

#7f862e
```
#7f862e rgb(127,134,46)
```
#2e5386
```
#2e5386 rgb(46,83,134)
```
#86352e
```
#86352e rgb(134,53,46)
```

Split Complementary Color

#53862e
```
#53862e rgb(83,134,46)
```
#2e5386
```
#2e5386 rgb(46,83,134)
```
#862e53
```
#862e53 rgb(134,46,83)
```

Triadic Color

#2e8661
```
#2e8661 rgb(46,134,97)
```
#2e5386
```
#2e5386 rgb(46,83,134)
```
#862e53
```
#862e53 rgb(134,46,83)
```
#86612e
```
#86612e rgb(134,97,46)
```

Tetradic Color

#1a304d
```
#1a304d rgb(26,48,77)
```
#213b60
```
#213b60 rgb(33,59,96)
```
#274773
```
#274773 rgb(39,71,115)
```
#2e5386
```
#2e5386 rgb(46,83,134)
```
#355f99
```
#355f99 rgb(53,95,153)
```
#3b6bac
```
#3b6bac rgb(59,107,172)
```
#4276be
```
#4276be rgb(66,118,190)
```

Monochromatic Color

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

#2e6986
```
#2e6986 rgb(46,105,134)
```
#2e6286
```
#2e6286 rgb(46,98,134)
```
#2e5a86
```
#2e5a86 rgb(46,90,134)
```
#2e5386
```
#2e5386 rgb(46,83,134)
```
#2e4c86
```
#2e4c86 rgb(46,76,134)
```
#2e4486
```
#2e4486 rgb(46,68,134)
```
#2e3d86
```
#2e3d86 rgb(46,61,134)
```

Similar Colors

Text with hexadecimal color #2e5386

This text has a font color of #2e5386.

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

#2e5386 background color

This paragraph has a background color of #2e5386.

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

#2e5386 border color

This element has a border color of #2e5386.

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

CSS codes

.text {color:#2e5386;}

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

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

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

#010203
```
#010203 rgb(1,2,3)
```
#060b11
```
#060b11 rgb(6,11,17)
```
#0b1420
```
#0b1420 rgb(11,20,32)
```
#101d2e
```
#101d2e rgb(16,29,46)
```
#15263d
```
#15263d rgb(21,38,61)
```
#1a2f4c
```
#1a2f4c rgb(26,47,76)
```
#1f385a
```
#1f385a rgb(31,56,90)
```
#244169
```
#244169 rgb(36,65,105)
```
#294a77
```
#294a77 rgb(41,74,119)
```
#2e5386
```
#2e5386 rgb(46,83,134)
```
#335c95
```
#335c95 rgb(51,92,149)
```
#3865a3
```
#3865a3 rgb(56,101,163)
```
#3d6eb2
```
#3d6eb2 rgb(61,110,178)
```

Shade Color Variation

#4477bf
```
#4477bf rgb(68,119,191)
```
#5282c4
```
#5282c4 rgb(82,130,196)
```
#618dc9
```
#618dc9 rgb(97,141,201)
```
#7097ce
```
#7097ce rgb(112,151,206)
```
#7ea2d3
```
#7ea2d3 rgb(126,162,211)
```
#8dacd8
```
#8dacd8 rgb(141,172,216)
```
#9bb7dd
```
#9bb7dd rgb(155,183,221)
```
#aac1e2
```
#aac1e2 rgb(170,193,226)
```
#b9cce7
```
#b9cce7 rgb(185,204,231)
```
#c7d7ec
```
#c7d7ec rgb(199,215,236)
```
#d6e1f1
```
#d6e1f1 rgb(214,225,241)
```
#e4ecf6
```
#e4ecf6 rgb(228,236,246)
```
#f3f6fb
```
#f3f6fb rgb(243,246,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #585a5c is the less saturated color, while #044cb0 is the most saturated one.

#585a5c
```
#585a5c rgb(88,90,92)
```
#515963
```
#515963 rgb(81,89,99)
```
#4a576a
```
#4a576a rgb(74,87,106)
```
#435671
```
#435671 rgb(67,86,113)
```
#3c5578
```
#3c5578 rgb(60,85,120)
```
#35547f
```
#35547f rgb(53,84,127)
```
#2e5386
```
#2e5386 rgb(46,83,134)
```
#27528d
```
#27528d rgb(39,82,141)
```
#205194
```
#205194 rgb(32,81,148)
```
#19509b
```
#19509b rgb(25,80,155)
```
#124fa2
```
#124fa2 rgb(18,79,162)
```
#0b4da9
```
#0b4da9 rgb(11,77,169)
```
#044cb0
```
#044cb0 rgb(4,76,176)
```

Tone Color Variation

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

#47598a Protanopia 1% of men
#3b5b8c Deuteranopia 1% of men
#20636a Tritanopia 0.001% of the population

Trichromacy

#3e5788 Protanomaly 1% of men, 0.01% of women
#36588a Deuteranomaly 6% of men, 0.4% of women
#255d74 Tritanomaly 0.01% of the population

#2e5386 hex color

#2e5386 Color Information

#2e5386 Color Conversion

Color Schemes with #2e5386

Alternatives to #2e5386

#2e5386 Preview

Shades and Tints of #2e5386

Tones of #2e5386

Color Blindness Simulator