#2e5285 hex color

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

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

● #2e5285 color description : Dark moderate blue.

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

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

CIE-LAB	34.617, 4.333, -32.444
XYZ	8.377, 8.308, 23.351
xyY	0.209, 0.208, 8.308
CIE-LCH	34.617, 32.732, 277.606
CIE-LUV	34.617, -14.773, -45.041
Hunter-Lab	28.824, 1.432, -27.855
Binary	00101110, 01010010, 10000101

#2e5285
```
#2e5285 rgb(46,82,133)
```
#85612e
```
#85612e rgb(133,97,46)
```

Complementary Color

#2e7e85
```
#2e7e85 rgb(46,126,133)
```
#2e5285
```
#2e5285 rgb(46,82,133)
```
#362e85
```
#362e85 rgb(54,46,133)
```

Analogous Color

#7e852e
```
#7e852e rgb(126,133,46)
```
#2e5285
```
#2e5285 rgb(46,82,133)
```
#85362e
```
#85362e rgb(133,54,46)
```

Split Complementary Color

#52852e
```
#52852e rgb(82,133,46)
```
#2e5285
```
#2e5285 rgb(46,82,133)
```
#852e52
```
#852e52 rgb(133,46,82)
```

Triadic Color

#2e8561
```
#2e8561 rgb(46,133,97)
```
#2e5285
```
#2e5285 rgb(46,82,133)
```
#852e52
```
#852e52 rgb(133,46,82)
```
#85612e
```
#85612e rgb(133,97,46)
```

Tetradic Color

#1a2f4c
```
#1a2f4c rgb(26,47,76)
```
#213b5f
```
#213b5f rgb(33,59,95)
```
#274672
```
#274672 rgb(39,70,114)
```
#2e5285
```
#2e5285 rgb(46,82,133)
```
#355e98
```
#355e98 rgb(53,94,152)
```
#3b69ab
```
#3b69ab rgb(59,105,171)
```
#4275be
```
#4275be rgb(66,117,190)
```

Monochromatic Color

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

#2e6885
```
#2e6885 rgb(46,104,133)
```
#2e6185
```
#2e6185 rgb(46,97,133)
```
#2e5985
```
#2e5985 rgb(46,89,133)
```
#2e5285
```
#2e5285 rgb(46,82,133)
```
#2e4b85
```
#2e4b85 rgb(46,75,133)
```
#2e4485
```
#2e4485 rgb(46,68,133)
```
#2e3c85
```
#2e3c85 rgb(46,60,133)
```

Similar Colors

Text with hexadecimal color #2e5285

This text has a font color of #2e5285.

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

#2e5285 background color

This paragraph has a background color of #2e5285.

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

#2e5285 border color

This element has a border color of #2e5285.

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

CSS codes

.text {color:#2e5285;}

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

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

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)
```
#15253c
```
#15253c rgb(21,37,60)
```
#1a2e4b
```
#1a2e4b rgb(26,46,75)
```
#1f3759
```
#1f3759 rgb(31,55,89)
```
#244068
```
#244068 rgb(36,64,104)
```
#294976
```
#294976 rgb(41,73,118)
```
#2e5285
```
#2e5285 rgb(46,82,133)
```
#335b94
```
#335b94 rgb(51,91,148)
```
#3864a2
```
#3864a2 rgb(56,100,162)
```
#3d6db1
```
#3d6db1 rgb(61,109,177)
```

Shade Color Variation

#4376be
```
#4376be rgb(67,118,190)
```
#5281c3
```
#5281c3 rgb(82,129,195)
```
#618bc8
```
#618bc8 rgb(97,139,200)
```
#6f96cd
```
#6f96cd rgb(111,150,205)
```
#7ea1d2
```
#7ea1d2 rgb(126,161,210)
```
#8cabd7
```
#8cabd7 rgb(140,171,215)
```
#9bb6dc
```
#9bb6dc rgb(155,182,220)
```
#a9c1e1
```
#a9c1e1 rgb(169,193,225)
```
#b8cbe6
```
#b8cbe6 rgb(184,203,230)
```
#c7d6eb
```
#c7d6eb rgb(199,214,235)
```
#d5e0f1
```
#d5e0f1 rgb(213,224,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 #054bae 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)
```
#3c5477
```
#3c5477 rgb(60,84,119)
```
#35537e
```
#35537e rgb(53,83,126)
```
#2e5285
```
#2e5285 rgb(46,82,133)
```
#27518c
```
#27518c rgb(39,81,140)
```
#205093
```
#205093 rgb(32,80,147)
```
#194e9a
```
#194e9a rgb(25,78,154)
```
#124da1
```
#124da1 rgb(18,77,161)
```
#0c4ca7
```
#0c4ca7 rgb(12,76,167)
```
#054bae
```
#054bae rgb(5,75,174)
```

Tone Color Variation

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

#4d4d4d Achromatopsia 0.005% of the population
#474e58 Atypical Achromatopsia 0.001% of the population

Dichromacy

#465889 Protanopia 1% of men
#3a5a8b Deuteranopia 1% of men
#206269 Tritanopia 0.001% of the population

Trichromacy

#3d5687 Protanomaly 1% of men, 0.01% of women
#355789 Deuteranomaly 6% of men, 0.4% of women
#255c73 Tritanomaly 0.01% of the population

#2e5285 hex color

#2e5285 Color Information

#2e5285 Color Conversion

Color Schemes with #2e5285

Alternatives to #2e5285

#2e5285 Preview

Shades and Tints of #2e5285

Tones of #2e5285

Color Blindness Simulator