#2e5cbb hex color

In a RGB color space, hex #2e5cbb is composed of 18% red, 36.1% green and 73.3% blue. Whereas in a CMYK color space, it is composed of 75.4% cyan, 50.8% magenta, 0% yellow and 26.7% black. It has a hue angle of 220.4 degrees, a saturation of 60.5% and a lightness of 45.7%. #2e5cbb color hex could be obtained by blending #5cb8ff with #000077. Closest websafe color is: #3366cc.

♥
- f
- t
- g
- R 18
- G 36
- B 73
RGB color chart
- C 75
- M 51
- Y 0
- K 27
CMYK color chart

● #2e5cbb color description : Strong blue.

The hexadecimal color #2e5cbb has RGB values of R:46, G:92, B:187 and CMYK values of C:0.75, M:0.51, Y:0, K:0.27. Its decimal value is 3038395.

Hex triplet	2e5cbb	`#2e5cbb`
RGB Decimal	46, 92, 187	`rgb(46,92,187)`
RGB Percent	18, 36.1, 73.3	`rgb(18%,36.1%,73.3%)`
CMYK	75, 51, 0, 27
HSL	220.4°, 60.5, 45.7	`hsl(220.4,60.5%,45.7%)`
HSV (or HSB)	220.4°, 75.4, 73.3
Web Safe	3366cc	`#3366cc`

CIE-LAB	40.932, 18.169, -54.645
XYZ	13.922, 11.822, 48.559
xyY	0.187, 0.159, 11.822
CIE-LCH	40.932, 57.587, 288.391
CIE-LUV	40.932, -17.328, -81.173
Hunter-Lab	34.383, 12.103, -59.667
Binary	00101110, 01011100, 10111011

#2e5cbb
```
#2e5cbb rgb(46,92,187)
```
#bb8d2e
```
#bb8d2e rgb(187,141,46)
```

Complementary Color

#2ea3bb
```
#2ea3bb rgb(46,163,187)
```
#2e5cbb
```
#2e5cbb rgb(46,92,187)
```
#462ebb
```
#462ebb rgb(70,46,187)
```

Analogous Color

#a3bb2e
```
#a3bb2e rgb(163,187,46)
```
#2e5cbb
```
#2e5cbb rgb(46,92,187)
```
#bb462e
```
#bb462e rgb(187,70,46)
```

Split Complementary Color

#5cbb2e
```
#5cbb2e rgb(92,187,46)
```
#2e5cbb
```
#2e5cbb rgb(46,92,187)
```
#bb2e5c
```
#bb2e5c rgb(187,46,92)
```

Triadic Color

#2ebb8d
```
#2ebb8d rgb(46,187,141)
```
#2e5cbb
```
#2e5cbb rgb(46,92,187)
```
#bb2e5c
```
#bb2e5c rgb(187,46,92)
```
#bb8d2e
```
#bb8d2e rgb(187,141,46)
```

Tetradic Color

#1f3e7e
```
#1f3e7e rgb(31,62,126)
```
#244892
```
#244892 rgb(36,72,146)
```
#2952a7
```
#2952a7 rgb(41,82,167)
```
#2e5cbb
```
#2e5cbb rgb(46,92,187)
```
#3567cd
```
#3567cd rgb(53,103,205)
```
#4a76d2
```
#4a76d2 rgb(74,118,210)
```
#5e86d7
```
#5e86d7 rgb(94,134,215)
```

Monochromatic Color

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

#2e7fbb
```
#2e7fbb rgb(46,127,187)
```
#2e74bb
```
#2e74bb rgb(46,116,187)
```
#2e68bb
```
#2e68bb rgb(46,104,187)
```
#2e5cbb
```
#2e5cbb rgb(46,92,187)
```
#2e50bb
```
#2e50bb rgb(46,80,187)
```
#2e45bb
```
#2e45bb rgb(46,69,187)
```
#2e39bb
```
#2e39bb rgb(46,57,187)
```

Similar Colors

Text with hexadecimal color #2e5cbb

This text has a font color of #2e5cbb.

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

#2e5cbb background color

This paragraph has a background color of #2e5cbb.

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

#2e5cbb border color

This element has a border color of #2e5cbb.

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

CSS codes

.text {color:#2e5cbb;}

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

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

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

#03070e
```
#03070e rgb(3,7,14)
```
#070f1e
```
#070f1e rgb(7,15,30)
```
#0b162d
```
#0b162d rgb(11,22,45)
```
#0f1e3d
```
#0f1e3d rgb(15,30,61)
```
#13264d
```
#13264d rgb(19,38,77)
```
#172e5d
```
#172e5d rgb(23,46,93)
```
#1b356c
```
#1b356c rgb(27,53,108)
```
#1f3d7c
```
#1f3d7c rgb(31,61,124)
```
#22458c
```
#22458c rgb(34,69,140)
```
#264d9c
```
#264d9c rgb(38,77,156)
```
#2a54ab
```
#2a54ab rgb(42,84,171)
```
#2e5cbb
```
#2e5cbb rgb(46,92,187)
```
#3264cb
```
#3264cb rgb(50,100,203)
```

Shade Color Variation

#406fd0
```
#406fd0 rgb(64,111,208)
```
#507bd4
```
#507bd4 rgb(80,123,212)
```
#6087d8
```
#6087d8 rgb(96,135,216)
```
#6f93dc
```
#6f93dc rgb(111,147,220)
```
#7f9fe0
```
#7f9fe0 rgb(127,159,224)
```
#8faae3
```
#8faae3 rgb(143,170,227)
```
#9fb6e7
```
#9fb6e7 rgb(159,182,231)
```
#aec2eb
```
#aec2eb rgb(174,194,235)
```
#beceef
```
#beceef rgb(190,206,239)
```
#cedaf3
```
#cedaf3 rgb(206,218,243)
```
#dee6f7
```
#dee6f7 rgb(222,230,247)
```
#edf2fb
```
#edf2fb rgb(237,242,251)
```
#fdfeff
```
#fdfeff rgb(253,254,255)
```

Tint Color Variation

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

#6d727c
```
#6d727c rgb(109,114,124)
```
#646f85
```
#646f85 rgb(100,111,133)
```
#5b6c8e
```
#5b6c8e rgb(91,108,142)
```
#526897
```
#526897 rgb(82,104,151)
```
#4965a0
```
#4965a0 rgb(73,101,160)
```
#4062a9
```
#4062a9 rgb(64,98,169)
```
#375fb2
```
#375fb2 rgb(55,95,178)
```
#2e5cbb
```
#2e5cbb rgb(46,92,187)
```
#2559c4
```
#2559c4 rgb(37,89,196)
```
#1c56cd
```
#1c56cd rgb(28,86,205)
```
#1353d6
```
#1353d6 rgb(19,83,214)
```
#0a50df
```
#0a50df rgb(10,80,223)
```
#014ce8
```
#014ce8 rgb(1,76,232)
```

Tone Color Variation

Below, you can see how #2e5cbb 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
#505a6d Atypical Achromatopsia 0.001% of the population

Dichromacy

#2b65bf Protanopia 1% of men
#006aaf Deuteranopia 1% of men
#00737a Tritanopia 0.001% of the population

Trichromacy

#2c62bd Protanomaly 1% of men, 0.01% of women
#1065b3 Deuteranomaly 6% of men, 0.4% of women
#106a91 Tritanomaly 0.01% of the population

#2e5cbb hex color

#2e5cbb Color Information

#2e5cbb Color Conversion

Color Schemes with #2e5cbb

Alternatives to #2e5cbb

#2e5cbb Preview

Shades and Tints of #2e5cbb

Tones of #2e5cbb

Color Blindness Simulator