#2e4f7d hex color

In a RGB color space, hex #2e4f7d is composed of 18% red, 31% green and 49% blue. Whereas in a CMYK color space, it is composed of 63.2% cyan, 36.8% magenta, 0% yellow and 51% black. It has a hue angle of 214.9 degrees, a saturation of 46.2% and a lightness of 33.5%. #2e4f7d color hex could be obtained by blending #5c9efa with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 18
- G 31
- B 49
RGB color chart
- C 63
- M 37
- Y 0
- K 51
CMYK color chart

● #2e4f7d color description : Dark moderate blue.

The hexadecimal color #2e4f7d has RGB values of R:46, G:79, B:125 and CMYK values of C:0.63, M:0.37, Y:0, K:0.51. Its decimal value is 3035005.

Hex triplet	2e4f7d	`#2e4f7d`
RGB Decimal	46, 79, 125	`rgb(46,79,125)`
RGB Percent	18, 31, 49	`rgb(18%,31%,49%)`
CMYK	63, 37, 0, 51
HSL	214.9°, 46.2, 33.5	`hsl(214.9,46.2%,33.5%)`
HSV (or HSB)	214.9°, 63.2, 49
Web Safe	336666	`#336666`

CIE-LAB	33.25, 3.348, -29.672
XYZ	7.624, 7.653, 20.476
xyY	0.213, 0.214, 7.653
CIE-LCH	33.25, 29.86, 276.437
CIE-LUV	33.25, -13.82, -40.499
Hunter-Lab	27.664, 0.778, -24.52
Binary	00101110, 01001111, 01111101

#2e4f7d
```
#2e4f7d rgb(46,79,125)
```
#7d5c2e
```
#7d5c2e rgb(125,92,46)
```

Complementary Color

#2e777d
```
#2e777d rgb(46,119,125)
```
#2e4f7d
```
#2e4f7d rgb(46,79,125)
```
#352e7d
```
#352e7d rgb(53,46,125)
```

Analogous Color

#777d2e
```
#777d2e rgb(119,125,46)
```
#2e4f7d
```
#2e4f7d rgb(46,79,125)
```
#7d352e
```
#7d352e rgb(125,53,46)
```

Split Complementary Color

#4f7d2e
```
#4f7d2e rgb(79,125,46)
```
#2e4f7d
```
#2e4f7d rgb(46,79,125)
```
#7d2e4f
```
#7d2e4f rgb(125,46,79)
```

Triadic Color

#2e7d5c
```
#2e7d5c rgb(46,125,92)
```
#2e4f7d
```
#2e4f7d rgb(46,79,125)
```
#7d2e4f
```
#7d2e4f rgb(125,46,79)
```
#7d5c2e
```
#7d5c2e rgb(125,92,46)
```

Tetradic Color

#192c45
```
#192c45 rgb(25,44,69)
```
#203758
```
#203758 rgb(32,55,88)
```
#27436a
```
#27436a rgb(39,67,106)
```
#2e4f7d
```
#2e4f7d rgb(46,79,125)
```
#355b90
```
#355b90 rgb(53,91,144)
```
#3c67a2
```
#3c67a2 rgb(60,103,162)
```
#4372b5
```
#4372b5 rgb(67,114,181)
```

Monochromatic Color

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

#2e637d
```
#2e637d rgb(46,99,125)
```
#2e5c7d
```
#2e5c7d rgb(46,92,125)
```
#2e567d
```
#2e567d rgb(46,86,125)
```
#2e4f7d
```
#2e4f7d rgb(46,79,125)
```
#2e487d
```
#2e487d rgb(46,72,125)
```
#2e427d
```
#2e427d rgb(46,66,125)
```
#2e3b7d
```
#2e3b7d rgb(46,59,125)
```

Similar Colors

Text with hexadecimal color #2e4f7d

This text has a font color of #2e4f7d.

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

#2e4f7d background color

This paragraph has a background color of #2e4f7d.

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

#2e4f7d border color

This element has a border color of #2e4f7d.

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

CSS codes

.text {color:#2e4f7d;}

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

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

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, #04070a is the darkest color, while #fbfcfe is the lightest one.

#04070a
```
#04070a rgb(4,7,10)
```
#091019
```
#091019 rgb(9,16,25)
```
#0e1927
```
#0e1927 rgb(14,25,39)
```
#142235
```
#142235 rgb(20,34,53)
```
#192b44
```
#192b44 rgb(25,43,68)
```
#1e3452
```
#1e3452 rgb(30,52,82)
```
#233d60
```
#233d60 rgb(35,61,96)
```
#29466f
```
#29466f rgb(41,70,111)
```
#2e4f7d
```
#2e4f7d rgb(46,79,125)
```
#33588b
```
#33588b rgb(51,88,139)
```
#39619a
```
#39619a rgb(57,97,154)
```
#3e6aa8
```
#3e6aa8 rgb(62,106,168)
```
#4373b6
```
#4373b6 rgb(67,115,182)
```

Shade Color Variation

#4f7dbe
```
#4f7dbe rgb(79,125,190)
```
#5d88c3
```
#5d88c3 rgb(93,136,195)
```
#6c92c9
```
#6c92c9 rgb(108,146,201)
```
#7a9dce
```
#7a9dce rgb(122,157,206)
```
#88a8d3
```
#88a8d3 rgb(136,168,211)
```
#97b2d9
```
#97b2d9 rgb(151,178,217)
```
#a5bdde
```
#a5bdde rgb(165,189,222)
```
#b3c7e3
```
#b3c7e3 rgb(179,199,227)
```
#c2d2e8
```
#c2d2e8 rgb(194,210,232)
```
#d0dcee
```
#d0dcee rgb(208,220,238)
```
#dee7f3
```
#dee7f3 rgb(222,231,243)
```
#edf1f8
```
#edf1f8 rgb(237,241,248)
```
#fbfcfe
```
#fbfcfe rgb(251,252,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #555556 is the less saturated color, while #0749a4 is the most saturated one.

#555556
```
#555556 rgb(85,85,86)
```
#4f545c
```
#4f545c rgb(79,84,92)
```
#485363
```
#485363 rgb(72,83,99)
```
#425269
```
#425269 rgb(66,82,105)
```
#3b5170
```
#3b5170 rgb(59,81,112)
```
#355076
```
#355076 rgb(53,80,118)
```
#2e4f7d
```
#2e4f7d rgb(46,79,125)
```
#274e84
```
#274e84 rgb(39,78,132)
```
#214d8a
```
#214d8a rgb(33,77,138)
```
#1a4c91
```
#1a4c91 rgb(26,76,145)
```
#144b97
```
#144b97 rgb(20,75,151)
```
#0d4a9e
```
#0d4a9e rgb(13,74,158)
```
#0749a4
```
#0749a4 rgb(7,73,164)
```

Tone Color Variation

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

#4a4a4a Achromatopsia 0.005% of the population
#444b54 Atypical Achromatopsia 0.001% of the population

Dichromacy

#465582 Protanopia 1% of men
#3c5784 Deuteranopia 1% of men
#265e65 Tritanopia 0.001% of the population

Trichromacy

#3d5380 Protanomaly 1% of men, 0.01% of women
#375481 Deuteranomaly 6% of men, 0.4% of women
#29586e Tritanomaly 0.01% of the population

#2e4f7d hex color

#2e4f7d Color Information

#2e4f7d Color Conversion

Color Schemes with #2e4f7d

Alternatives to #2e4f7d

#2e4f7d Preview

Shades and Tints of #2e4f7d

Tones of #2e4f7d

Color Blindness Simulator