#2e4f98 hex color

In a RGB color space, hex #2e4f98 is composed of 18% red, 31% green and 59.6% blue. Whereas in a CMYK color space, it is composed of 69.7% cyan, 48% magenta, 0% yellow and 40.4% black. It has a hue angle of 221.3 degrees, a saturation of 53.5% and a lightness of 38.8%. #2e4f98 color hex could be obtained by blending #5c9eff with #000031. Closest websafe color is: #336699.

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

● #2e4f98 color description : Dark moderate blue.

The hexadecimal color #2e4f98 has RGB values of R:46, G:79, B:152 and CMYK values of C:0.7, M:0.48, Y:0, K:0.4. Its decimal value is 3035032.

Hex triplet	2e4f98	`#2e4f98`
RGB Decimal	46, 79, 152	`rgb(46,79,152)`
RGB Percent	18, 31, 59.6	`rgb(18%,31%,59.6%)`
CMYK	70, 48, 0, 40
HSL	221.3°, 53.5, 38.8	`hsl(221.3,53.5%,38.8%)`
HSV (or HSB)	221.3°, 69.7, 59.6
Web Safe	336699	`#336699`

CIE-LAB	34.881, 13.447, -43.601
XYZ	9.589, 8.439, 30.828
xyY	0.196, 0.173, 8.439
CIE-LCH	34.881, 45.628, 287.141
CIE-LUV	34.881, -13.648, -61.748
Hunter-Lab	29.05, 8.082, -42.582
Binary	00101110, 01001111, 10011000

#2e4f98
```
#2e4f98 rgb(46,79,152)
```
#98772e
```
#98772e rgb(152,119,46)
```

Complementary Color

#2e8498
```
#2e8498 rgb(46,132,152)
```
#2e4f98
```
#2e4f98 rgb(46,79,152)
```
#422e98
```
#422e98 rgb(66,46,152)
```

Analogous Color

#84982e
```
#84982e rgb(132,152,46)
```
#2e4f98
```
#2e4f98 rgb(46,79,152)
```
#98422e
```
#98422e rgb(152,66,46)
```

Split Complementary Color

#4f982e
```
#4f982e rgb(79,152,46)
```
#2e4f98
```
#2e4f98 rgb(46,79,152)
```
#982e4f
```
#982e4f rgb(152,46,79)
```

Triadic Color

#2e9877
```
#2e9877 rgb(46,152,119)
```
#2e4f98
```
#2e4f98 rgb(46,79,152)
```
#982e4f
```
#982e4f rgb(152,46,79)
```
#98772e
```
#98772e rgb(152,119,46)
```

Tetradic Color

#1c305d
```
#1c305d rgb(28,48,93)
```
#223b71
```
#223b71 rgb(34,59,113)
```
#284584
```
#284584 rgb(40,69,132)
```
#2e4f98
```
#2e4f98 rgb(46,79,152)
```
#3459ac
```
#3459ac rgb(52,89,172)
```
#3a63bf
```
#3a63bf rgb(58,99,191)
```
#4a71c8
```
#4a71c8 rgb(74,113,200)
```

Monochromatic Color

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

#2e6a98
```
#2e6a98 rgb(46,106,152)
```
#2e6198
```
#2e6198 rgb(46,97,152)
```
#2e5898
```
#2e5898 rgb(46,88,152)
```
#2e4f98
```
#2e4f98 rgb(46,79,152)
```
#2e4698
```
#2e4698 rgb(46,70,152)
```
#2e3d98
```
#2e3d98 rgb(46,61,152)
```
#2e3598
```
#2e3598 rgb(46,53,152)
```

Similar Colors

Text with hexadecimal color #2e4f98

This text has a font color of #2e4f98.

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

#2e4f98 background color

This paragraph has a background color of #2e4f98.

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

#2e4f98 border color

This element has a border color of #2e4f98.

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

CSS codes

.text {color:#2e4f98;}

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

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

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

#000101
```
#000101 rgb(0,1,1)
```
#050910
```
#050910 rgb(5,9,16)
```
#0a1020
```
#0a1020 rgb(10,16,32)
```
#0e182f
```
#0e182f rgb(14,24,47)
```
#13203e
```
#13203e rgb(19,32,62)
```
#17284d
```
#17284d rgb(23,40,77)
```
#1c305c
```
#1c305c rgb(28,48,92)
```
#20386b
```
#20386b rgb(32,56,107)
```
#253f7a
```
#253f7a rgb(37,63,122)
```
#294789
```
#294789 rgb(41,71,137)
```
#2e4f98
```
#2e4f98 rgb(46,79,152)
```
#3357a7
```
#3357a7 rgb(51,87,167)
```
#375fb6
```
#375fb6 rgb(55,95,182)
```

Shade Color Variation

#3d67c4
```
#3d67c4 rgb(61,103,196)
```
#4c73c9
```
#4c73c9 rgb(76,115,201)
```
#5b7ecd
```
#5b7ecd rgb(91,126,205)
```
#6a8ad2
```
#6a8ad2 rgb(106,138,210)
```
#7996d6
```
#7996d6 rgb(121,150,214)
```
#88a2db
```
#88a2db rgb(136,162,219)
```
#97aee0
```
#97aee0 rgb(151,174,224)
```
#a6b9e4
```
#a6b9e4 rgb(166,185,228)
```
#b5c5e9
```
#b5c5e9 rgb(181,197,233)
```
#c4d1ed
```
#c4d1ed rgb(196,209,237)
```
#d3ddf2
```
#d3ddf2 rgb(211,221,242)
```
#e2e9f6
```
#e2e9f6 rgb(226,233,246)
```
#f1f4fb
```
#f1f4fb rgb(241,244,251)
```

Tint Color Variation

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

#5c606a
```
#5c606a rgb(92,96,106)
```
#545d72
```
#545d72 rgb(84,93,114)
```
#4c5a7a
```
#4c5a7a rgb(76,90,122)
```
#455881
```
#455881 rgb(69,88,129)
```
#3d5589
```
#3d5589 rgb(61,85,137)
```
#365290
```
#365290 rgb(54,82,144)
```
#2e4f98
```
#2e4f98 rgb(46,79,152)
```
#264ca0
```
#264ca0 rgb(38,76,160)
```
#1f49a7
```
#1f49a7 rgb(31,73,167)
```
#1746af
```
#1746af rgb(23,70,175)
```
#1044b6
```
#1044b6 rgb(16,68,182)
```
#0841be
```
#0841be rgb(8,65,190)
```
#003ec6
```
#003ec6 rgb(0,62,198)
```

Tone Color Variation

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

Dichromacy

#34589d Protanopia 1% of men
#005c9a Deuteranopia 1% of men
#00636a Tritanopia 0.001% of the population

Trichromacy

#31559b Protanomaly 1% of men, 0.01% of women
#105799 Deuteranomaly 6% of men, 0.4% of women
#105c7b Tritanomaly 0.01% of the population

#2e4f98 hex color

#2e4f98 Color Information

#2e4f98 Color Conversion

Color Schemes with #2e4f98

Alternatives to #2e4f98

#2e4f98 Preview

Shades and Tints of #2e4f98

Tones of #2e4f98

Color Blindness Simulator