#2e5aa3 hex color

In a RGB color space, hex #2e5aa3 is composed of 18% red, 35.3% green and 63.9% blue. Whereas in a CMYK color space, it is composed of 71.8% cyan, 44.8% magenta, 0% yellow and 36.1% black. It has a hue angle of 217.4 degrees, a saturation of 56% and a lightness of 41%. #2e5aa3 color hex could be obtained by blending #5cb4ff with #000047. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 18
- G 35
- B 64
RGB color chart
- C 72
- M 45
- Y 0
- K 36
CMYK color chart

● #2e5aa3 color description : Dark blue.

The hexadecimal color #2e5aa3 has RGB values of R:46, G:90, B:163 and CMYK values of C:0.72, M:0.45, Y:0, K:0.36. Its decimal value is 3037859.

Hex triplet	2e5aa3	`#2e5aa3`
RGB Decimal	46, 90, 163	`rgb(46,90,163)`
RGB Percent	18, 35.3, 63.9	`rgb(18%,35.3%,63.9%)`
CMYK	72, 45, 0, 36
HSL	217.4°, 56, 41	`hsl(217.4,56%,41%)`
HSV (or HSB)	217.4°, 71.8, 63.9
Web Safe	336699	`#336699`

CIE-LAB	38.789, 10.366, -43.937
XYZ	11.392, 10.537, 36.082
xyY	0.196, 0.182, 10.537
CIE-LCH	38.789, 45.143, 283.274
CIE-LUV	38.789, -17.013, -63.958
Hunter-Lab	32.46, 5.841, -43.182
Binary	00101110, 01011010, 10100011

#2e5aa3
```
#2e5aa3 rgb(46,90,163)
```
#a3772e
```
#a3772e rgb(163,119,46)
```

Complementary Color

#2e95a3
```
#2e95a3 rgb(46,149,163)
```
#2e5aa3
```
#2e5aa3 rgb(46,90,163)
```
#3d2ea3
```
#3d2ea3 rgb(61,46,163)
```

Analogous Color

#95a32e
```
#95a32e rgb(149,163,46)
```
#2e5aa3
```
#2e5aa3 rgb(46,90,163)
```
#a33c2e
```
#a33c2e rgb(163,60,46)
```

Split Complementary Color

#5aa32e
```
#5aa32e rgb(90,163,46)
```
#2e5aa3
```
#2e5aa3 rgb(46,90,163)
```
#a32e5a
```
#a32e5a rgb(163,46,90)
```

Triadic Color

#2ea377
```
#2ea377 rgb(46,163,119)
```
#2e5aa3
```
#2e5aa3 rgb(46,90,163)
```
#a32e5a
```
#a32e5a rgb(163,46,90)
```
#a3772e
```
#a3772e rgb(163,119,46)
```

Tetradic Color

#1d3967
```
#1d3967 rgb(29,57,103)
```
#23447b
```
#23447b rgb(35,68,123)
```
#284f8f
```
#284f8f rgb(40,79,143)
```
#2e5aa3
```
#2e5aa3 rgb(46,90,163)
```
#3465b7
```
#3465b7 rgb(52,101,183)
```
#3c71c8
```
#3c71c8 rgb(60,113,200)
```
#507fce
```
#507fce rgb(80,127,206)
```

Monochromatic Color

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

#2e77a3
```
#2e77a3 rgb(46,119,163)
```
#2e6ea3
```
#2e6ea3 rgb(46,110,163)
```
#2e64a3
```
#2e64a3 rgb(46,100,163)
```
#2e5aa3
```
#2e5aa3 rgb(46,90,163)
```
#2e50a3
```
#2e50a3 rgb(46,80,163)
```
#2e47a3
```
#2e47a3 rgb(46,71,163)
```
#2e3da3
```
#2e3da3 rgb(46,61,163)
```

Similar Colors

Text with hexadecimal color #2e5aa3

This text has a font color of #2e5aa3.

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

#2e5aa3 background color

This paragraph has a background color of #2e5aa3.

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

#2e5aa3 border color

This element has a border color of #2e5aa3.

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

CSS codes

.text {color:#2e5aa3;}

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

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

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

#03060a
```
#03060a rgb(3,6,10)
```
#070e19
```
#070e19 rgb(7,14,25)
```
#0b1629
```
#0b1629 rgb(11,22,41)
```
#101f38
```
#101f38 rgb(16,31,56)
```
#142747
```
#142747 rgb(20,39,71)
```
#183057
```
#183057 rgb(24,48,87)
```
#1d3866
```
#1d3866 rgb(29,56,102)
```
#214175
```
#214175 rgb(33,65,117)
```
#254984
```
#254984 rgb(37,73,132)
```
#2a5294
```
#2a5294 rgb(42,82,148)
```
#2e5aa3
```
#2e5aa3 rgb(46,90,163)
```
#3262b2
```
#3262b2 rgb(50,98,178)
```
#376bc2
```
#376bc2 rgb(55,107,194)
```

Shade Color Variation

#4275ca
```
#4275ca rgb(66,117,202)
```
#5180ce
```
#5180ce rgb(81,128,206)
```
#618bd2
```
#618bd2 rgb(97,139,210)
```
#7097d7
```
#7097d7 rgb(112,151,215)
```
#7fa2db
```
#7fa2db rgb(127,162,219)
```
#8faddf
```
#8faddf rgb(143,173,223)
```
#9eb8e4
```
#9eb8e4 rgb(158,184,228)
```
#adc3e8
```
#adc3e8 rgb(173,195,232)
```
#bdceec
```
#bdceec rgb(189,206,236)
```
#ccdaf1
```
#ccdaf1 rgb(204,218,241)
```
#dbe5f5
```
#dbe5f5 rgb(219,229,245)
```
#eaf0f9
```
#eaf0f9 rgb(234,240,249)
```
#fafbfe
```
#fafbfe rgb(250,251,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #66686b is the less saturated color, while #0650cb is the most saturated one.

#66686b
```
#66686b rgb(102,104,107)
```
#5e6673
```
#5e6673 rgb(94,102,115)
```
#56647b
```
#56647b rgb(86,100,123)
```
#4e6283
```
#4e6283 rgb(78,98,131)
```
#46608b
```
#46608b rgb(70,96,139)
```
#3e5e93
```
#3e5e93 rgb(62,94,147)
```
#365c9b
```
#365c9b rgb(54,92,155)
```
#2e5aa3
```
#2e5aa3 rgb(46,90,163)
```
#2658ab
```
#2658ab rgb(38,88,171)
```
#1e56b3
```
#1e56b3 rgb(30,86,179)
```
#1654bb
```
#1654bb rgb(22,84,187)
```
#0e52c3
```
#0e52c3 rgb(14,82,195)
```
#0650cb
```
#0650cb rgb(6,80,203)
```

Tone Color Variation

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

#555555 Achromatopsia 0.005% of the population
#4d5665 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4061a6 Protanopia 1% of men
#2065a6 Deuteranopia 1% of men
#006d75 Tritanopia 0.001% of the population

Trichromacy

#395ea5 Protanomaly 1% of men, 0.01% of women
#2561a5 Deuteranomaly 6% of men, 0.4% of women
#106685 Tritanomaly 0.01% of the population

#2e5aa3 hex color

#2e5aa3 Color Information

#2e5aa3 Color Conversion

Color Schemes with #2e5aa3

Alternatives to #2e5aa3

#2e5aa3 Preview

Shades and Tints of #2e5aa3

Tones of #2e5aa3

Color Blindness Simulator