#2e5199 hex color

In a RGB color space, hex #2e5199 is composed of 18% red, 31.8% green and 60% blue. Whereas in a CMYK color space, it is composed of 69.9% cyan, 47.1% magenta, 0% yellow and 40% black. It has a hue angle of 220.4 degrees, a saturation of 53.8% and a lightness of 39%. #2e5199 color hex could be obtained by blending #5ca2ff with #000033. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 18
- G 32
- B 60
RGB color chart
- C 70
- M 47
- Y 0
- K 40
CMYK color chart

● #2e5199 color description : Dark moderate blue.

The hexadecimal color #2e5199 has RGB values of R:46, G:81, B:153 and CMYK values of C:0.7, M:0.47, Y:0, K:0.4. Its decimal value is 3035545.

Hex triplet	2e5199	`#2e5199`
RGB Decimal	46, 81, 153	`rgb(46,81,153)`
RGB Percent	18, 31.8, 60	`rgb(18%,31.8%,60%)`
CMYK	70, 47, 0, 40
HSL	220.4°, 53.8, 39	`hsl(220.4,53.8%,39%)`
HSV (or HSB)	220.4°, 69.9, 60
Web Safe	336699	`#336699`

CIE-LAB	35.528, 12.497, -43.168
XYZ	9.818, 8.765, 31.31
xyY	0.197, 0.176, 8.765
CIE-LCH	35.528, 44.94, 286.145
CIE-LUV	35.528, -14.266, -61.415
Hunter-Lab	29.606, 7.383, -41.979
Binary	00101110, 01010001, 10011001

#2e5199
```
#2e5199 rgb(46,81,153)
```
#99762e
```
#99762e rgb(153,118,46)
```

Complementary Color

#2e8799
```
#2e8799 rgb(46,135,153)
```
#2e5199
```
#2e5199 rgb(46,81,153)
```
#412e99
```
#412e99 rgb(65,46,153)
```

Analogous Color

#87992e
```
#87992e rgb(135,153,46)
```
#2e5199
```
#2e5199 rgb(46,81,153)
```
#99412e
```
#99412e rgb(153,65,46)
```

Split Complementary Color

#51992e
```
#51992e rgb(81,153,46)
```
#2e5199
```
#2e5199 rgb(46,81,153)
```
#992e51
```
#992e51 rgb(153,46,81)
```

Triadic Color

#2e9976
```
#2e9976 rgb(46,153,118)
```
#2e5199
```
#2e5199 rgb(46,81,153)
```
#992e51
```
#992e51 rgb(153,46,81)
```
#99762e
```
#99762e rgb(153,118,46)
```

Tetradic Color

#1c325e
```
#1c325e rgb(28,50,94)
```
#223c72
```
#223c72 rgb(34,60,114)
```
#284785
```
#284785 rgb(40,71,133)
```
#2e5199
```
#2e5199 rgb(46,81,153)
```
#345bad
```
#345bad rgb(52,91,173)
```
#3a66c0
```
#3a66c0 rgb(58,102,192)
```
#4b74c9
```
#4b74c9 rgb(75,116,201)
```

Monochromatic Color

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

#2e6c99
```
#2e6c99 rgb(46,108,153)
```
#2e6399
```
#2e6399 rgb(46,99,153)
```
#2e5a99
```
#2e5a99 rgb(46,90,153)
```
#2e5199
```
#2e5199 rgb(46,81,153)
```
#2e4899
```
#2e4899 rgb(46,72,153)
```
#2e3f99
```
#2e3f99 rgb(46,63,153)
```
#2e3699
```
#2e3699 rgb(46,54,153)
```

Similar Colors

Text with hexadecimal color #2e5199

This text has a font color of #2e5199.

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

#2e5199 background color

This paragraph has a background color of #2e5199.

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

#2e5199 border color

This element has a border color of #2e5199.

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

CSS codes

.text {color:#2e5199;}

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

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

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

#010102
```
#010102 rgb(1,1,2)
```
#050911
```
#050911 rgb(5,9,17)
```
#0a1120
```
#0a1120 rgb(10,17,32)
```
#0e192f
```
#0e192f rgb(14,25,47)
```
#13213f
```
#13213f rgb(19,33,63)
```
#17294e
```
#17294e rgb(23,41,78)
```
#1c315d
```
#1c315d rgb(28,49,93)
```
#20396c
```
#20396c rgb(32,57,108)
```
#25417b
```
#25417b rgb(37,65,123)
```
#29498a
```
#29498a rgb(41,73,138)
```
#2e5199
```
#2e5199 rgb(46,81,153)
```
#3359a8
```
#3359a8 rgb(51,89,168)
```
#3761b7
```
#3761b7 rgb(55,97,183)
```

Shade Color Variation

#3d69c5
```
#3d69c5 rgb(61,105,197)
```
#4c75c9
```
#4c75c9 rgb(76,117,201)
```
#5b81ce
```
#5b81ce rgb(91,129,206)
```
#6a8cd2
```
#6a8cd2 rgb(106,140,210)
```
#7998d7
```
#7998d7 rgb(121,152,215)
```
#89a4db
```
#89a4db rgb(137,164,219)
```
#98afe0
```
#98afe0 rgb(152,175,224)
```
#a7bbe4
```
#a7bbe4 rgb(167,187,228)
```
#b6c7e9
```
#b6c7e9 rgb(182,199,233)
```
#c5d2ee
```
#c5d2ee rgb(197,210,238)
```
#d4def2
```
#d4def2 rgb(212,222,242)
```
#e3e9f7
```
#e3e9f7 rgb(227,233,247)
```
#f2f5fb
```
#f2f5fb rgb(242,245,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #5c616b is the less saturated color, while #0041c7 is the most saturated one.

#5c616b
```
#5c616b rgb(92,97,107)
```
#545e73
```
#545e73 rgb(84,94,115)
```
#4d5c7a
```
#4d5c7a rgb(77,92,122)
```
#455982
```
#455982 rgb(69,89,130)
```
#3d568a
```
#3d568a rgb(61,86,138)
```
#365491
```
#365491 rgb(54,84,145)
```
#2e5199
```
#2e5199 rgb(46,81,153)
```
#264ea1
```
#264ea1 rgb(38,78,161)
```
#1f4ca8
```
#1f4ca8 rgb(31,76,168)
```
#1749b0
```
#1749b0 rgb(23,73,176)
```
#0f46b8
```
#0f46b8 rgb(15,70,184)
```
#0844bf
```
#0844bf rgb(8,68,191)
```
#0041c7
```
#0041c7 rgb(0,65,199)
```

Tone Color Variation

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

#4f4f4f Achromatopsia 0.005% of the population
#484f5e Atypical Achromatopsia 0.001% of the population

Dichromacy

#375a9e Protanopia 1% of men
#0c5d9c Deuteranopia 1% of men
#00656c Tritanopia 0.001% of the population

Trichromacy

#34569c Protanomaly 1% of men, 0.01% of women
#18599b Deuteranomaly 6% of men, 0.4% of women
#105e7c Tritanomaly 0.01% of the population

#2e5199 hex color

#2e5199 Color Information

#2e5199 Color Conversion

Color Schemes with #2e5199

Alternatives to #2e5199

#2e5199 Preview

Shades and Tints of #2e5199

Tones of #2e5199

Color Blindness Simulator