#2e5ecb hex color

In a RGB color space, hex #2e5ecb is composed of 18% red, 36.9% green and 79.6% blue. Whereas in a CMYK color space, it is composed of 77.3% cyan, 53.7% magenta, 0% yellow and 20.4% black. It has a hue angle of 221.7 degrees, a saturation of 63.1% and a lightness of 48.8%. #2e5ecb color hex could be obtained by blending #5cbcff with #000097. Closest websafe color is: #3366cc.

♥
- f
- t
- g
- R 18
- G 37
- B 80
RGB color chart
- C 77
- M 54
- Y 0
- K 20
CMYK color chart

● #2e5ecb color description : Strong blue.

The hexadecimal color #2e5ecb has RGB values of R:46, G:94, B:203 and CMYK values of C:0.77, M:0.54, Y:0, K:0.2. Its decimal value is 3038923.

Hex triplet	2e5ecb	`#2e5ecb`
RGB Decimal	46, 94, 203	`rgb(46,94,203)`
RGB Percent	18, 36.9, 79.6	`rgb(18%,36.9%,79.6%)`
CMYK	77, 54, 0, 20
HSL	221.7°, 63.1, 48.8	`hsl(221.7,63.1%,48.8%)`
HSV (or HSB)	221.7°, 77.3, 79.6
Web Safe	3366cc	`#3366cc`

CIE-LAB	42.607, 22.921, -61.216
XYZ	15.907, 12.897, 58.148
xyY	0.183, 0.148, 12.897
CIE-LCH	42.607, 65.366, 290.527
CIE-LUV	42.607, -17.758, -91.897
Hunter-Lab	35.912, 16.217, -70.862
Binary	00101110, 01011110, 11001011

#2e5ecb
```
#2e5ecb rgb(46,94,203)
```
#cb9b2e
```
#cb9b2e rgb(203,155,46)
```

Complementary Color

#2eadcb
```
#2eadcb rgb(46,173,203)
```
#2e5ecb
```
#2e5ecb rgb(46,94,203)
```
#4d2ecb
```
#4d2ecb rgb(77,46,203)
```

Analogous Color

#adcb2e
```
#adcb2e rgb(173,203,46)
```
#2e5ecb
```
#2e5ecb rgb(46,94,203)
```
#cb4d2e
```
#cb4d2e rgb(203,77,46)
```

Split Complementary Color

#5ecb2e
```
#5ecb2e rgb(94,203,46)
```
#2e5ecb
```
#2e5ecb rgb(46,94,203)
```
#cb2e5e
```
#cb2e5e rgb(203,46,94)
```

Triadic Color

#2ecb9b
```
#2ecb9b rgb(46,203,155)
```
#2e5ecb
```
#2e5ecb rgb(46,94,203)
```
#cb2e5e
```
#cb2e5e rgb(203,46,94)
```
#cb9b2e
```
#cb9b2e rgb(203,155,46)
```

Tetradic Color

#20418d
```
#20418d rgb(32,65,141)
```
#254ba1
```
#254ba1 rgb(37,75,161)
```
#2954b6
```
#2954b6 rgb(41,84,182)
```
#2e5ecb
```
#2e5ecb rgb(46,94,203)
```
#3f6cd3
```
#3f6cd3 rgb(63,108,211)
```
#547cd8
```
#547cd8 rgb(84,124,216)
```
#698cdd
```
#698cdd rgb(105,140,221)
```

Monochromatic Color

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

#2e85cb
```
#2e85cb rgb(46,133,203)
```
#2e78cb
```
#2e78cb rgb(46,120,203)
```
#2e6bcb
```
#2e6bcb rgb(46,107,203)
```
#2e5ecb
```
#2e5ecb rgb(46,94,203)
```
#2e51cb
```
#2e51cb rgb(46,81,203)
```
#2e44cb
```
#2e44cb rgb(46,68,203)
```
#2e37cb
```
#2e37cb rgb(46,55,203)
```

Similar Colors

Text with hexadecimal color #2e5ecb

This text has a font color of #2e5ecb.

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

#2e5ecb background color

This paragraph has a background color of #2e5ecb.

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

#2e5ecb border color

This element has a border color of #2e5ecb.

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

CSS codes

.text {color:#2e5ecb;}

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

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

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

#03050b
```
#03050b rgb(3,5,11)
```
#060d1b
```
#060d1b rgb(6,13,27)
```
#0a142b
```
#0a142b rgb(10,20,43)
```
#0d1b3b
```
#0d1b3b rgb(13,27,59)
```
#11234b
```
#11234b rgb(17,35,75)
```
#152a5b
```
#152a5b rgb(21,42,91)
```
#18326b
```
#18326b rgb(24,50,107)
```
#1c397b
```
#1c397b rgb(28,57,123)
```
#20408b
```
#20408b rgb(32,64,139)
```
#23489b
```
#23489b rgb(35,72,155)
```
#274fab
```
#274fab rgb(39,79,171)
```
#2a57bb
```
#2a57bb rgb(42,87,187)
```
#2e5ecb
```
#2e5ecb rgb(46,94,203)
```

Shade Color Variation

#3a69d2
```
#3a69d2 rgb(58,105,210)
```
#4a75d6
```
#4a75d6 rgb(74,117,214)
```
#5a81da
```
#5a81da rgb(90,129,218)
```
#6a8ddd
```
#6a8ddd rgb(106,141,221)
```
#7a9ae1
```
#7a9ae1 rgb(122,154,225)
```
#8aa6e5
```
#8aa6e5 rgb(138,166,229)
```
#9ab2e8
```
#9ab2e8 rgb(154,178,232)
```
#aabeec
```
#aabeec rgb(170,190,236)
```
#bacaef
```
#bacaef rgb(186,202,239)
```
#cad7f3
```
#cad7f3 rgb(202,215,243)
```
#dae3f7
```
#dae3f7 rgb(218,227,247)
```
#eaeffa
```
#eaeffa rgb(234,239,250)
```
#fafbfe
```
#fafbfe rgb(250,251,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #7b7c7e is the less saturated color, while #084ff1 is the most saturated one.

#7b7c7e
```
#7b7c7e rgb(123,124,126)
```
#717888
```
#717888 rgb(113,120,136)
```
#677492
```
#677492 rgb(103,116,146)
```
#5e719b
```
#5e719b rgb(94,113,155)
```
#546da5
```
#546da5 rgb(84,109,165)
```
#4b69ae
```
#4b69ae rgb(75,105,174)
```
#4165b8
```
#4165b8 rgb(65,101,184)
```
#3862c1
```
#3862c1 rgb(56,98,193)
```
#2e5ecb
```
#2e5ecb rgb(46,94,203)
```
#245ad5
```
#245ad5 rgb(36,90,213)
```
#1b57de
```
#1b57de rgb(27,87,222)
```
#1153e8
```
#1153e8 rgb(17,83,232)
```
#084ff1
```
#084ff1 rgb(8,79,241)
```

Tone Color Variation

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

#5c5c5c Achromatopsia 0.005% of the population
#535c72 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0069ce Protanopia 1% of men
#006eb5 Deuteranopia 1% of men
#00777e Tritanopia 0.001% of the population

Trichromacy

#1065cd Protanomaly 1% of men, 0.01% of women
#1068bd Deuteranomaly 6% of men, 0.4% of women
#106e9a Tritanomaly 0.01% of the population

#2e5ecb hex color

#2e5ecb Color Information

#2e5ecb Color Conversion

Color Schemes with #2e5ecb

Alternatives to #2e5ecb

#2e5ecb Preview

Shades and Tints of #2e5ecb

Tones of #2e5ecb

Color Blindness Simulator