#1e53e4 hex color

In a RGB color space, hex #1e53e4 is composed of 11.8% red, 32.5% green and 89.4% blue. Whereas in a CMYK color space, it is composed of 86.8% cyan, 63.6% magenta, 0% yellow and 10.6% black. It has a hue angle of 223.9 degrees, a saturation of 78.6% and a lightness of 50.6%. #1e53e4 color hex could be obtained by blending #3ca6ff with #0000c9. Closest websafe color is: #3366cc.

♥
- f
- t
- g
- R 12
- G 33
- B 89
RGB color chart
- C 87
- M 64
- Y 0
- K 11
CMYK color chart

● #1e53e4 color description : Vivid blue.

The hexadecimal color #1e53e4 has RGB values of R:30, G:83, B:228 and CMYK values of C:0.87, M:0.64, Y:0, K:0.11. Its decimal value is 1987556.

Hex triplet	1e53e4	`#1e53e4`
RGB Decimal	30, 83, 228	`rgb(30,83,228)`
RGB Percent	11.8, 32.5, 89.4	`rgb(11.8%,32.5%,89.4%)`
CMYK	87, 64, 0, 11
HSL	223.9°, 78.6, 50.6	`hsl(223.9,78.6%,50.6%)`
HSV (or HSB)	223.9°, 86.8, 89.4
Web Safe	3366cc	`#3366cc`

CIE-LAB	41.315, 38.098, -77.648
XYZ	17.629, 12.063, 74.794
xyY	0.169, 0.115, 12.063
CIE-LCH	41.315, 86.491, 296.135
CIE-LUV	41.315, -16.71, -113.68
Hunter-Lab	34.731, 29.826, -103.369
Binary	00011110, 01010011, 11100100

#1e53e4
```
#1e53e4 rgb(30,83,228)
```
#e4af1e
```
#e4af1e rgb(228,175,30)
```

Complementary Color

#1eb6e4
```
#1eb6e4 rgb(30,182,228)
```
#1e53e4
```
#1e53e4 rgb(30,83,228)
```
#4c1ee4
```
#4c1ee4 rgb(76,30,228)
```

Analogous Color

#b6e41e
```
#b6e41e rgb(182,228,30)
```
#1e53e4
```
#1e53e4 rgb(30,83,228)
```
#e44c1e
```
#e44c1e rgb(228,76,30)
```

Split Complementary Color

#53e41e
```
#53e41e rgb(83,228,30)
```
#1e53e4
```
#1e53e4 rgb(30,83,228)
```
#e41e53
```
#e41e53 rgb(228,30,83)
```

Triadic Color

#1ee4af
```
#1ee4af rgb(30,228,175)
```
#1e53e4
```
#1e53e4 rgb(30,83,228)
```
#e41e53
```
#e41e53 rgb(228,30,83)
```
#e4af1e
```
#e4af1e rgb(228,175,30)
```

Tetradic Color

#133aa2
```
#133aa2 rgb(19,58,162)
```
#1642b9
```
#1642b9 rgb(22,66,185)
```
#194ad0
```
#194ad0 rgb(25,74,208)
```
#1e53e4
```
#1e53e4 rgb(30,83,228)
```
#3564e7
```
#3564e7 rgb(53,100,231)
```
#4c76e9
```
#4c76e9 rgb(76,118,233)
```
#6287ec
```
#6287ec rgb(98,135,236)
```

Monochromatic Color

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

#1e85e4
```
#1e85e4 rgb(30,133,228)
```
#1e74e4
```
#1e74e4 rgb(30,116,228)
```
#1e64e4
```
#1e64e4 rgb(30,100,228)
```
#1e53e4
```
#1e53e4 rgb(30,83,228)
```
#1e43e4
```
#1e43e4 rgb(30,67,228)
```
#1e32e4
```
#1e32e4 rgb(30,50,228)
```
#1e22e4
```
#1e22e4 rgb(30,34,228)
```

Similar Colors

Text with hexadecimal color #1e53e4

This text has a font color of #1e53e4.

<span style="color:#1e53e4;">Text here</span>

#1e53e4 background color

This paragraph has a background color of #1e53e4.

<p style="background-color:#1e53e4;">Content here</p>

#1e53e4 border color

This element has a border color of #1e53e4.

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

CSS codes

.text {color:#1e53e4;}

.background {background-color:#1e53e4;}

.border {border:1px solid #1e53e4;}

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

#000103
```
#000103 rgb(0,1,3)
```
#020714
```
#020714 rgb(2,7,20)
```
#050d26
```
#050d26 rgb(5,13,38)
```
#071437
```
#071437 rgb(7,20,55)
```
#091a49
```
#091a49 rgb(9,26,73)
```
#0b205a
```
#0b205a rgb(11,32,90)
```
#0d266c
```
#0d266c rgb(13,38,108)
```
#0f2d7d
```
#0f2d7d rgb(15,45,125)
```
#11338f
```
#11338f rgb(17,51,143)
```
#1339a0
```
#1339a0 rgb(19,57,160)
```
#153fb2
```
#153fb2 rgb(21,63,178)
```
#1745c3
```
#1745c3 rgb(23,69,195)
```
#1a4cd5
```
#1a4cd5 rgb(26,76,213)
```

Shade Color Variation

#1e53e4
```
#1e53e4 rgb(30,83,228)
```
#3060e6
```
#3060e6 rgb(48,96,230)
```
#416ee8
```
#416ee8 rgb(65,110,232)
```
#537bea
```
#537bea rgb(83,123,234)
```
#6489ec
```
#6489ec rgb(100,137,236)
```
#7696ef
```
#7696ef rgb(118,150,239)
```
#87a3f1
```
#87a3f1 rgb(135,163,241)
```
#99b1f3
```
#99b1f3 rgb(153,177,243)
```
#aabef5
```
#aabef5 rgb(170,190,245)
```
#bccbf7
```
#bccbf7 rgb(188,203,247)
```
#cdd9f9
```
#cdd9f9 rgb(205,217,249)
```
#dfe6fb
```
#dfe6fb rgb(223,230,251)
```
#f0f4fd
```
#f0f4fd rgb(240,244,253)
```

Tint Color Variation

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

#7f8083
```
#7f8083 rgb(127,128,131)
```
#757c8d
```
#757c8d rgb(117,124,141)
```
#6c7796
```
#6c7796 rgb(108,119,150)
```
#6273a0
```
#6273a0 rgb(98,115,160)
```
#586eaa
```
#586eaa rgb(88,110,170)
```
#4e6ab4
```
#4e6ab4 rgb(78,106,180)
```
#4565bd
```
#4565bd rgb(69,101,189)
```
#3b61c7
```
#3b61c7 rgb(59,97,199)
```
#315cd1
```
#315cd1 rgb(49,92,209)
```
#2858da
```
#2858da rgb(40,88,218)
```
#1e53e4
```
#1e53e4 rgb(30,83,228)
```
#144eee
```
#144eee rgb(20,78,238)
```
#0b4af7
```
#0b4af7 rgb(11,74,247)
```

Tone Color Variation

Below, you can see how #1e53e4 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

#545454 Achromatopsia 0.005% of the population
#495471 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0066c8 Protanopia 1% of men
#006cad Deuteranopia 1% of men
#007479 Tritanopia 0.001% of the population

Trichromacy

#0a5fd2 Protanomaly 1% of men, 0.01% of women
#0a63c1 Deuteranomaly 6% of men, 0.4% of women
#0a68a0 Tritanomaly 0.01% of the population

#1e53e4 hex color

#1e53e4 Color Information

#1e53e4 Color Conversion

Color Schemes with #1e53e4

Alternatives to #1e53e4

#1e53e4 Preview

Shades and Tints of #1e53e4

Tones of #1e53e4

Color Blindness Simulator