#2e5eb5 hex color

In a RGB color space, hex #2e5eb5 is composed of 18% red, 36.9% green and 71% blue. Whereas in a CMYK color space, it is composed of 74.6% cyan, 48.1% magenta, 0% yellow and 29% black. It has a hue angle of 218.7 degrees, a saturation of 59.5% and a lightness of 44.5%. #2e5eb5 color hex could be obtained by blending #5cbcff with #00006b. Closest websafe color is: #3366cc.

♥
- f
- t
- g
- R 18
- G 37
- B 71
RGB color chart
- C 75
- M 48
- Y 0
- K 29
CMYK color chart

● #2e5eb5 color description : Moderate blue.

The hexadecimal color #2e5eb5 has RGB values of R:46, G:94, B:181 and CMYK values of C:0.75, M:0.48, Y:0, K:0.29. Its decimal value is 3038901.

Hex triplet	2e5eb5	`#2e5eb5`
RGB Decimal	46, 94, 181	`rgb(46,94,181)`
RGB Percent	18, 36.9, 71	`rgb(18%,36.9%,71%)`
CMYK	75, 48, 0, 29
HSL	218.7°, 59.5, 44.5	`hsl(218.7,59.5%,44.5%)`
HSV (or HSB)	218.7°, 74.6, 71
Web Safe	3366cc	`#3366cc`

CIE-LAB	41.091, 14.589, -50.878
XYZ	13.468, 11.921, 45.305
xyY	0.191, 0.169, 11.921
CIE-LCH	41.091, 52.928, 286
CIE-LUV	41.091, -18.001, -75.548
Hunter-Lab	34.527, 9.204, -53.627
Binary	00101110, 01011110, 10110101

#2e5eb5
```
#2e5eb5 rgb(46,94,181)
```
#b5852e
```
#b5852e rgb(181,133,46)
```

Complementary Color

#2ea2b5
```
#2ea2b5 rgb(46,162,181)
```
#2e5eb5
```
#2e5eb5 rgb(46,94,181)
```
#412eb5
```
#412eb5 rgb(65,46,181)
```

Analogous Color

#a2b52e
```
#a2b52e rgb(162,181,46)
```
#2e5eb5
```
#2e5eb5 rgb(46,94,181)
```
#b5412e
```
#b5412e rgb(181,65,46)
```

Split Complementary Color

#5eb52e
```
#5eb52e rgb(94,181,46)
```
#2e5eb5
```
#2e5eb5 rgb(46,94,181)
```
#b52e5e
```
#b52e5e rgb(181,46,94)
```

Triadic Color

#2eb585
```
#2eb585 rgb(46,181,133)
```
#2e5eb5
```
#2e5eb5 rgb(46,94,181)
```
#b52e5e
```
#b52e5e rgb(181,46,94)
```
#b5852e
```
#b5852e rgb(181,133,46)
```

Tetradic Color

#1e3e78
```
#1e3e78 rgb(30,62,120)
```
#24498c
```
#24498c rgb(36,73,140)
```
#2953a1
```
#2953a1 rgb(41,83,161)
```
#2e5eb5
```
#2e5eb5 rgb(46,94,181)
```
#3369c9
```
#3369c9 rgb(51,105,201)
```
#4677d0
```
#4677d0 rgb(70,119,208)
```
#5a86d5
```
#5a86d5 rgb(90,134,213)
```

Monochromatic Color

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

#2e80b5
```
#2e80b5 rgb(46,128,181)
```
#2e75b5
```
#2e75b5 rgb(46,117,181)
```
#2e69b5
```
#2e69b5 rgb(46,105,181)
```
#2e5eb5
```
#2e5eb5 rgb(46,94,181)
```
#2e53b5
```
#2e53b5 rgb(46,83,181)
```
#2e48b5
```
#2e48b5 rgb(46,72,181)
```
#2e3cb5
```
#2e3cb5 rgb(46,60,181)
```

Similar Colors

Text with hexadecimal color #2e5eb5

This text has a font color of #2e5eb5.

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

#2e5eb5 background color

This paragraph has a background color of #2e5eb5.

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

#2e5eb5 border color

This element has a border color of #2e5eb5.

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

CSS codes

.text {color:#2e5eb5;}

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

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

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

#020509
```
#020509 rgb(2,5,9)
```
#060d19
```
#060d19 rgb(6,13,25)
```
#0a1528
```
#0a1528 rgb(10,21,40)
```
#0e1d38
```
#0e1d38 rgb(14,29,56)
```
#122548
```
#122548 rgb(18,37,72)
```
#162d57
```
#162d57 rgb(22,45,87)
```
#1a3567
```
#1a3567 rgb(26,53,103)
```
#1e3e76
```
#1e3e76 rgb(30,62,118)
```
#224686
```
#224686 rgb(34,70,134)
```
#264e96
```
#264e96 rgb(38,78,150)
```
#2a56a5
```
#2a56a5 rgb(42,86,165)
```
#2e5eb5
```
#2e5eb5 rgb(46,94,181)
```
#3266c5
```
#3266c5 rgb(50,102,197)
```

Shade Color Variation

#3d70ce
```
#3d70ce rgb(61,112,206)
```
#4c7cd2
```
#4c7cd2 rgb(76,124,210)
```
#5c87d6
```
#5c87d6 rgb(92,135,214)
```
#6c93da
```
#6c93da rgb(108,147,218)
```
#7b9ede
```
#7b9ede rgb(123,158,222)
```
#8baae1
```
#8baae1 rgb(139,170,225)
```
#9ab5e5
```
#9ab5e5 rgb(154,181,229)
```
#aac1e9
```
#aac1e9 rgb(170,193,233)
```
#bacced
```
#bacced rgb(186,204,237)
```
#c9d8f1
```
#c9d8f1 rgb(201,216,241)
```
#d9e3f5
```
#d9e3f5 rgb(217,227,245)
```
#e9eff9
```
#e9eff9 rgb(233,239,249)
```
#f8fafd
```
#f8fafd rgb(248,250,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #6b7078 is the less saturated color, while #0251e1 is the most saturated one.

#6b7078
```
#6b7078 rgb(107,112,120)
```
#626d81
```
#626d81 rgb(98,109,129)
```
#5a6b89
```
#5a6b89 rgb(90,107,137)
```
#516892
```
#516892 rgb(81,104,146)
```
#48669b
```
#48669b rgb(72,102,155)
```
#3f63a4
```
#3f63a4 rgb(63,99,164)
```
#3761ac
```
#3761ac rgb(55,97,172)
```
#2e5eb5
```
#2e5eb5 rgb(46,94,181)
```
#255bbe
```
#255bbe rgb(37,91,190)
```
#1d59c6
```
#1d59c6 rgb(29,89,198)
```
#1456cf
```
#1456cf rgb(20,86,207)
```
#0b54d8
```
#0b54d8 rgb(11,84,216)
```
#0251e1
```
#0251e1 rgb(2,81,225)
```

Tone Color Variation

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

#5a5a5a Achromatopsia 0.005% of the population
#515b6c Atypical Achromatopsia 0.001% of the population

Dichromacy

#3866b8 Protanopia 1% of men
#006bb1 Deuteranopia 1% of men
#00737a Tritanopia 0.001% of the population

Trichromacy

#3463b7 Protanomaly 1% of men, 0.01% of women
#1066b2 Deuteranomaly 6% of men, 0.4% of women
#106b90 Tritanomaly 0.01% of the population

#2e5eb5 hex color

#2e5eb5 Color Information

#2e5eb5 Color Conversion

Color Schemes with #2e5eb5

Alternatives to #2e5eb5

#2e5eb5 Preview

Shades and Tints of #2e5eb5

Tones of #2e5eb5

Color Blindness Simulator