#1e5ff5 hex color

In a RGB color space, hex #1e5ff5 is composed of 11.8% red, 37.3% green and 96.1% blue. Whereas in a CMYK color space, it is composed of 87.8% cyan, 61.2% magenta, 0% yellow and 3.9% black. It has a hue angle of 221.9 degrees, a saturation of 91.5% and a lightness of 53.9%. #1e5ff5 color hex could be obtained by blending #3cbeff with #0000eb. Closest websafe color is: #3366ff.

♥
- f
- t
- g
- R 12
- G 37
- B 96
RGB color chart
- C 88
- M 61
- Y 0
- K 4
CMYK color chart

● #1e5ff5 color description : Vivid blue.

The hexadecimal color #1e5ff5 has RGB values of R:30, G:95, B:245 and CMYK values of C:0.88, M:0.61, Y:0, K:0.04. Its decimal value is 1990645.

Hex triplet	1e5ff5	`#1e5ff5`
RGB Decimal	30, 95, 245	`rgb(30,95,245)`
RGB Percent	11.8, 37.3, 96.1	`rgb(11.8%,37.3%,96.1%)`
CMYK	88, 61, 0, 4
HSL	221.9°, 91.5, 53.9	`hsl(221.9,91.5%,53.9%)`
HSV (or HSB)	221.9°, 87.8, 96.1
Web Safe	3366ff	`#3366ff`

CIE-LAB	45.704, 36.81, -80.032
XYZ	21.106, 15.051, 88.174
xyY	0.17, 0.121, 15.051
CIE-LCH	45.704, 88.092, 294.7
CIE-LUV	45.704, -19.463, -120.882
Hunter-Lab	38.796, 29.214, -107.595
Binary	00011110, 01011111, 11110101

#1e5ff5
```
#1e5ff5 rgb(30,95,245)
```
#f5b41e
```
#f5b41e rgb(245,180,30)
```

Complementary Color

#1ecbf5
```
#1ecbf5 rgb(30,203,245)
```
#1e5ff5
```
#1e5ff5 rgb(30,95,245)
```
#491ef5
```
#491ef5 rgb(73,30,245)
```

Analogous Color

#cbf51e
```
#cbf51e rgb(203,245,30)
```
#1e5ff5
```
#1e5ff5 rgb(30,95,245)
```
#f5491e
```
#f5491e rgb(245,73,30)
```

Split Complementary Color

#5ff51e
```
#5ff51e rgb(95,245,30)
```
#1e5ff5
```
#1e5ff5 rgb(30,95,245)
```
#f51e5f
```
#f51e5f rgb(245,30,95)
```

Triadic Color

#1ef5b4
```
#1ef5b4 rgb(30,245,180)
```
#1e5ff5
```
#1e5ff5 rgb(30,95,245)
```
#f51e5f
```
#f51e5f rgb(245,30,95)
```
#f5b41e
```
#f5b41e rgb(245,180,30)
```

Tetradic Color

#083fbe
```
#083fbe rgb(8,63,190)
```
#0a47d6
```
#0a47d6 rgb(10,71,214)
```
#0b50ef
```
#0b50ef rgb(11,80,239)
```
#1e5ff5
```
#1e5ff5 rgb(30,95,245)
```
#3670f6
```
#3670f6 rgb(54,112,246)
```
#4f82f7
```
#4f82f7 rgb(79,130,247)
```
#6793f8
```
#6793f8 rgb(103,147,248)
```

Monochromatic Color

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

#1e95f5
```
#1e95f5 rgb(30,149,245)
```
#1e83f5
```
#1e83f5 rgb(30,131,245)
```
#1e71f5
```
#1e71f5 rgb(30,113,245)
```
#1e5ff5
```
#1e5ff5 rgb(30,95,245)
```
#1e4df5
```
#1e4df5 rgb(30,77,245)
```
#1e3bf5
```
#1e3bf5 rgb(30,59,245)
```
#1e29f5
```
#1e29f5 rgb(30,41,245)
```

Similar Colors

Text with hexadecimal color #1e5ff5

This text has a font color of #1e5ff5.

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

#1e5ff5 background color

This paragraph has a background color of #1e5ff5.

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

#1e5ff5 border color

This element has a border color of #1e5ff5.

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

CSS codes

.text {color:#1e5ff5;}

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

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

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

#000000
```
#000000 rgb(0,0,0)
```
#010613
```
#010613 rgb(1,6,19)
```
#020d26
```
#020d26 rgb(2,13,38)
```
#031339
```
#031339 rgb(3,19,57)
```
#03194b
```
#03194b rgb(3,25,75)
```
#041f5e
```
#041f5e rgb(4,31,94)
```
#052671
```
#052671 rgb(5,38,113)
```
#062c84
```
#062c84 rgb(6,44,132)
```
#073297
```
#073297 rgb(7,50,151)
```
#0838a9
```
#0838a9 rgb(8,56,169)
```
#083fbc
```
#083fbc rgb(8,63,188)
```
#0945cf
```
#0945cf rgb(9,69,207)
```
#0a4be2
```
#0a4be2 rgb(10,75,226)
```

Shade Color Variation

#0b52f4
```
#0b52f4 rgb(11,82,244)
```
#1e5ff5
```
#1e5ff5 rgb(30,95,245)
```
#316cf6
```
#316cf6 rgb(49,108,246)
```
#447af7
```
#447af7 rgb(68,122,247)
```
#5687f8
```
#5687f8 rgb(86,135,248)
```
#6994f8
```
#6994f8 rgb(105,148,248)
```
#7ca2f9
```
#7ca2f9 rgb(124,162,249)
```
#8faffa
```
#8faffa rgb(143,175,250)
```
#a1bcfb
```
#a1bcfb rgb(161,188,251)
```
#b4cafc
```
#b4cafc rgb(180,202,252)
```
#c7d7fd
```
#c7d7fd rgb(199,215,253)
```
#dae5fd
```
#dae5fd rgb(218,229,253)
```
#edf2fe
```
#edf2fe rgb(237,242,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #818692 is the less saturated color, while #155bfe is the most saturated one.

#818692
```
#818692 rgb(129,134,146)
```
#78839b
```
#78839b rgb(120,131,155)
```
#6f7fa4
```
#6f7fa4 rgb(111,127,164)
```
#667cad
```
#667cad rgb(102,124,173)
```
#5d78b6
```
#5d78b6 rgb(93,120,182)
```
#5474bf
```
#5474bf rgb(84,116,191)
```
#4b71c8
```
#4b71c8 rgb(75,113,200)
```
#426dd1
```
#426dd1 rgb(66,109,209)
```
#396ada
```
#396ada rgb(57,106,218)
```
#3066e3
```
#3066e3 rgb(48,102,227)
```
#2763ec
```
#2763ec rgb(39,99,236)
```
#1e5ff5
```
#1e5ff5 rgb(30,95,245)
```
#155bfe
```
#155bfe rgb(21,91,254)
```

Tone Color Variation

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

#5d5d5d Achromatopsia 0.005% of the population
#505d7b Atypical Achromatopsia 0.001% of the population

Dichromacy

#0070db Protanopia 1% of men
#0076bf Deuteranopia 1% of men
#007f85 Tritanopia 0.001% of the population

Trichromacy

#0a6ae4 Protanomaly 1% of men, 0.01% of women
#0a6ed2 Deuteranomaly 6% of men, 0.4% of women
#0a73ae Tritanomaly 0.01% of the population

#1e5ff5 hex color

#1e5ff5 Color Information

#1e5ff5 Color Conversion

Color Schemes with #1e5ff5

Alternatives to #1e5ff5

#1e5ff5 Preview

Shades and Tints of #1e5ff5

Tones of #1e5ff5

Color Blindness Simulator