#2e5fa8 hex color

In a RGB color space, hex #2e5fa8 is composed of 18% red, 37.3% green and 65.9% blue. Whereas in a CMYK color space, it is composed of 72.6% cyan, 43.5% magenta, 0% yellow and 34.1% black. It has a hue angle of 215.9 degrees, a saturation of 57% and a lightness of 42%. #2e5fa8 color hex could be obtained by blending #5cbeff with #000051. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 18
- G 37
- B 66
RGB color chart
- C 73
- M 43
- Y 0
- K 34
CMYK color chart

● #2e5fa8 color description : Dark blue.

The hexadecimal color #2e5fa8 has RGB values of R:46, G:95, B:168 and CMYK values of C:0.73, M:0.43, Y:0, K:0.34. Its decimal value is 3039144.

Hex triplet	2e5fa8	`#2e5fa8`
RGB Decimal	46, 95, 168	`rgb(46,95,168)`
RGB Percent	18, 37.3, 65.9	`rgb(18%,37.3%,65.9%)`
CMYK	73, 43, 0, 34
HSL	215.9°, 57, 42	`hsl(215.9,57%,42%)`
HSV (or HSB)	215.9°, 72.6, 65.9
Web Safe	336699	`#336699`

CIE-LAB	40.559, 9.014, -44.073
XYZ	12.285, 11.592, 38.634
xyY	0.197, 0.185, 11.592
CIE-LCH	40.559, 44.986, 281.559
CIE-LUV	40.559, -18.535, -64.834
Hunter-Lab	34.046, 4.829, -43.446
Binary	00101110, 01011111, 10101000

#2e5fa8
```
#2e5fa8 rgb(46,95,168)
```
#a8772e
```
#a8772e rgb(168,119,46)
```

Complementary Color

#2e9ca8
```
#2e9ca8 rgb(46,156,168)
```
#2e5fa8
```
#2e5fa8 rgb(46,95,168)
```
#3a2ea8
```
#3a2ea8 rgb(58,46,168)
```

Analogous Color

#9ca82e
```
#9ca82e rgb(156,168,46)
```
#2e5fa8
```
#2e5fa8 rgb(46,95,168)
```
#a83a2e
```
#a83a2e rgb(168,58,46)
```

Split Complementary Color

#5fa82e
```
#5fa82e rgb(95,168,46)
```
#2e5fa8
```
#2e5fa8 rgb(46,95,168)
```
#a82e5f
```
#a82e5f rgb(168,46,95)
```

Triadic Color

#2ea877
```
#2ea877 rgb(46,168,119)
```
#2e5fa8
```
#2e5fa8 rgb(46,95,168)
```
#a82e5f
```
#a82e5f rgb(168,46,95)
```
#a8772e
```
#a8772e rgb(168,119,46)
```

Tetradic Color

#1e3d6c
```
#1e3d6c rgb(30,61,108)
```
#234880
```
#234880 rgb(35,72,128)
```
#295494
```
#295494 rgb(41,84,148)
```
#2e5fa8
```
#2e5fa8 rgb(46,95,168)
```
#336abc
```
#336abc rgb(51,106,188)
```
#3f77ca
```
#3f77ca rgb(63,119,202)
```
#5385d0
```
#5385d0 rgb(83,133,208)
```

Monochromatic Color

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

#2e7ea8
```
#2e7ea8 rgb(46,126,168)
```
#2e73a8
```
#2e73a8 rgb(46,115,168)
```
#2e69a8
```
#2e69a8 rgb(46,105,168)
```
#2e5fa8
```
#2e5fa8 rgb(46,95,168)
```
#2e55a8
```
#2e55a8 rgb(46,85,168)
```
#2e4ba8
```
#2e4ba8 rgb(46,75,168)
```
#2e41a8
```
#2e41a8 rgb(46,65,168)
```

Similar Colors

Text with hexadecimal color #2e5fa8

This text has a font color of #2e5fa8.

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

#2e5fa8 background color

This paragraph has a background color of #2e5fa8.

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

#2e5fa8 border color

This element has a border color of #2e5fa8.

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

CSS codes

.text {color:#2e5fa8;}

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

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

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, #04080e is the darkest color, while #fefeff is the lightest one.

#04080e
```
#04080e rgb(4,8,14)
```
#08111d
```
#08111d rgb(8,17,29)
```
#0c192d
```
#0c192d rgb(12,25,45)
```
#10223c
```
#10223c rgb(16,34,60)
```
#152b4c
```
#152b4c rgb(21,43,76)
```
#19335b
```
#19335b rgb(25,51,91)
```
#1d3c6a
```
#1d3c6a rgb(29,60,106)
```
#21457a
```
#21457a rgb(33,69,122)
```
#264e89
```
#264e89 rgb(38,78,137)
```
#2a5699
```
#2a5699 rgb(42,86,153)
```
#2e5fa8
```
#2e5fa8 rgb(46,95,168)
```
#3268b7
```
#3268b7 rgb(50,104,183)
```
#3670c7
```
#3670c7 rgb(54,112,199)
```

Shade Color Variation

#457bcc
```
#457bcc rgb(69,123,204)
```
#5486d0
```
#5486d0 rgb(84,134,208)
```
#6491d4
```
#6491d4 rgb(100,145,212)
```
#739cd9
```
#739cd9 rgb(115,156,217)
```
#82a7dd
```
#82a7dd rgb(130,167,221)
```
#92b2e1
```
#92b2e1 rgb(146,178,225)
```
#a1bde5
```
#a1bde5 rgb(161,189,229)
```
#b1c7ea
```
#b1c7ea rgb(177,199,234)
```
#c0d2ee
```
#c0d2ee rgb(192,210,238)
```
#cfddf2
```
#cfddf2 rgb(207,221,242)
```
#dfe8f6
```
#dfe8f6 rgb(223,232,246)
```
#eef3fa
```
#eef3fa rgb(238,243,250)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #686a6e is the less saturated color, while #0557d1 is the most saturated one.

#686a6e
```
#686a6e rgb(104,106,110)
```
#5f6977
```
#5f6977 rgb(95,105,119)
```
#57677f
```
#57677f rgb(87,103,127)
```
#4f6587
```
#4f6587 rgb(79,101,135)
```
#47648f
```
#47648f rgb(71,100,143)
```
#3e6298
```
#3e6298 rgb(62,98,152)
```
#3661a0
```
#3661a0 rgb(54,97,160)
```
#2e5fa8
```
#2e5fa8 rgb(46,95,168)
```
#265db0
```
#265db0 rgb(38,93,176)
```
#1e5cb8
```
#1e5cb8 rgb(30,92,184)
```
#155ac1
```
#155ac1 rgb(21,90,193)
```
#0d59c9
```
#0d59c9 rgb(13,89,201)
```
#0557d1
```
#0557d1 rgb(5,87,209)
```

Tone Color Variation

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

#595959 Achromatopsia 0.005% of the population
#505a69 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4565ab Protanopia 1% of men
#2869ab Deuteranopia 1% of men
#007279 Tritanopia 0.001% of the population

Trichromacy

#3d63a9 Protanomaly 1% of men, 0.01% of women
#2a65aa Deuteranomaly 6% of men, 0.4% of women
#106b8a Tritanomaly 0.01% of the population

#2e5fa8 hex color

#2e5fa8 Color Information

#2e5fa8 Color Conversion

Color Schemes with #2e5fa8

Alternatives to #2e5fa8

#2e5fa8 Preview

Shades and Tints of #2e5fa8

Tones of #2e5fa8

Color Blindness Simulator