#2e71c5 hex color

In a RGB color space, hex #2e71c5 is composed of 18% red, 44.3% green and 77.3% blue. Whereas in a CMYK color space, it is composed of 76.6% cyan, 42.6% magenta, 0% yellow and 22.7% black. It has a hue angle of 213.4 degrees, a saturation of 62.1% and a lightness of 47.6%. #2e71c5 color hex could be obtained by blending #5ce2ff with #00008b. Closest websafe color is: #3366cc.

♥
- f
- t
- g
- R 18
- G 44
- B 77
RGB color chart
- C 77
- M 43
- Y 0
- K 23
CMYK color chart

● #2e71c5 color description : Strong blue.

The hexadecimal color #2e71c5 has RGB values of R:46, G:113, B:197 and CMYK values of C:0.77, M:0.43, Y:0, K:0.23. Its decimal value is 3043781.

Hex triplet	2e71c5	`#2e71c5`
RGB Decimal	46, 113, 197	`rgb(46,113,197)`
RGB Percent	18, 44.3, 77.3	`rgb(18%,44.3%,77.3%)`
CMYK	77, 43, 0, 23
HSL	213.4°, 62.1, 47.6	`hsl(213.4,62.1%,47.6%)`
HSV (or HSB)	213.4°, 76.6, 77.3
Web Safe	3366cc	`#3366cc`

CIE-LAB	47.522, 8.504, -49.845
XYZ	17.108, 16.421, 55.088
xyY	0.193, 0.185, 16.421
CIE-LCH	47.522, 50.566, 279.682
CIE-LUV	47.522, -23.607, -76.351
Hunter-Lab	40.523, 4.443, -52.235
Binary	00101110, 01110001, 11000101

#2e71c5
```
#2e71c5 rgb(46,113,197)
```
#c5822e
```
#c5822e rgb(197,130,46)
```

Complementary Color

#2ebdc5
```
#2ebdc5 rgb(46,189,197)
```
#2e71c5
```
#2e71c5 rgb(46,113,197)
```
#372ec5
```
#372ec5 rgb(55,46,197)
```

Analogous Color

#bdc52e
```
#bdc52e rgb(189,197,46)
```
#2e71c5
```
#2e71c5 rgb(46,113,197)
```
#c5372e
```
#c5372e rgb(197,55,46)
```

Split Complementary Color

#71c52e
```
#71c52e rgb(113,197,46)
```
#2e71c5
```
#2e71c5 rgb(46,113,197)
```
#c52e71
```
#c52e71 rgb(197,46,113)
```

Triadic Color

#2ec582
```
#2ec582 rgb(46,197,130)
```
#2e71c5
```
#2e71c5 rgb(46,113,197)
```
#c52e71
```
#c52e71 rgb(197,46,113)
```
#c5822e
```
#c5822e rgb(197,130,46)
```

Tetradic Color

#204d87
```
#204d87 rgb(32,77,135)
```
#24599c
```
#24599c rgb(36,89,156)
```
#2965b0
```
#2965b0 rgb(41,101,176)
```
#2e71c5
```
#2e71c5 rgb(46,113,197)
```
#3b7ed1
```
#3b7ed1 rgb(59,126,209)
```
#508bd6
```
#508bd6 rgb(80,139,214)
```
#6599db
```
#6599db rgb(101,153,219)
```

Monochromatic Color

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

#2e97c5
```
#2e97c5 rgb(46,151,197)
```
#2e8ac5
```
#2e8ac5 rgb(46,138,197)
```
#2e7ec5
```
#2e7ec5 rgb(46,126,197)
```
#2e71c5
```
#2e71c5 rgb(46,113,197)
```
#2e64c5
```
#2e64c5 rgb(46,100,197)
```
#2e58c5
```
#2e58c5 rgb(46,88,197)
```
#2e4bc5
```
#2e4bc5 rgb(46,75,197)
```

Similar Colors

Text with hexadecimal color #2e71c5

This text has a font color of #2e71c5.

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

#2e71c5 background color

This paragraph has a background color of #2e71c5.

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

#2e71c5 border color

This element has a border color of #2e71c5.

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

CSS codes

.text {color:#2e71c5;}

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

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

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

#010406
```
#010406 rgb(1,4,6)
```
#050d16
```
#050d16 rgb(5,13,22)
```
#091626
```
#091626 rgb(9,22,38)
```
#0d1f36
```
#0d1f36 rgb(13,31,54)
```
#102846
```
#102846 rgb(16,40,70)
```
#143156
```
#143156 rgb(20,49,86)
```
#183a66
```
#183a66 rgb(24,58,102)
```
#1b4375
```
#1b4375 rgb(27,67,117)
```
#1f4d85
```
#1f4d85 rgb(31,77,133)
```
#235695
```
#235695 rgb(35,86,149)
```
#275fa5
```
#275fa5 rgb(39,95,165)
```
#2a68b5
```
#2a68b5 rgb(42,104,181)
```
#2e71c5
```
#2e71c5 rgb(46,113,197)
```

Shade Color Variation

#367bd0
```
#367bd0 rgb(54,123,208)
```
#4685d4
```
#4685d4 rgb(70,133,212)
```
#5690d8
```
#5690d8 rgb(86,144,216)
```
#669adb
```
#669adb rgb(102,154,219)
```
#76a5df
```
#76a5df rgb(118,165,223)
```
#86afe3
```
#86afe3 rgb(134,175,227)
```
#96bae6
```
#96bae6 rgb(150,186,230)
```
#a6c4ea
```
#a6c4ea rgb(166,196,234)
```
#b6cfee
```
#b6cfee rgb(182,207,238)
```
#c6d9f2
```
#c6d9f2 rgb(198,217,242)
```
#d5e4f5
```
#d5e4f5 rgb(213,228,245)
```
#e5eef9
```
#e5eef9 rgb(229,238,249)
```
#f5f9fd
```
#f5f9fd rgb(245,249,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #79797a is the less saturated color, while #096dea is the most saturated one.

#79797a
```
#79797a rgb(121,121,122)
```
#6f7884
```
#6f7884 rgb(111,120,132)
```
#66778d
```
#66778d rgb(102,119,141)
```
#5d7696
```
#5d7696 rgb(93,118,150)
```
#5375a0
```
#5375a0 rgb(83,117,160)
```
#4a74a9
```
#4a74a9 rgb(74,116,169)
```
#4173b2
```
#4173b2 rgb(65,115,178)
```
#3772bc
```
#3772bc rgb(55,114,188)
```
#2e71c5
```
#2e71c5 rgb(46,113,197)
```
#2570ce
```
#2570ce rgb(37,112,206)
```
#1b6fd8
```
#1b6fd8 rgb(27,111,216)
```
#126ee1
```
#126ee1 rgb(18,110,225)
```
#096dea
```
#096dea rgb(9,109,234)
```

Tone Color Variation

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

#676767 Achromatopsia 0.005% of the population
#5c697a Atypical Achromatopsia 0.001% of the population

Dichromacy

#5175c5 Protanopia 1% of men
#2b79c7 Deuteranopia 1% of men
#00838c Tritanopia 0.001% of the population

Trichromacy

#4473c5 Protanomaly 1% of men, 0.01% of women
#2c76c6 Deuteranomaly 6% of men, 0.4% of women
#107da1 Tritanomaly 0.01% of the population

#2e71c5 hex color

#2e71c5 Color Information

#2e71c5 Color Conversion

Color Schemes with #2e71c5

Alternatives to #2e71c5

#2e71c5 Preview

Shades and Tints of #2e71c5

Tones of #2e71c5

Color Blindness Simulator