#1e80e5 hex color

In a RGB color space, hex #1e80e5 is composed of 11.8% red, 50.2% green and 89.8% blue. Whereas in a CMYK color space, it is composed of 86.9% cyan, 44.1% magenta, 0% yellow and 10.2% black. It has a hue angle of 210.5 degrees, a saturation of 79.3% and a lightness of 50.8%. #1e80e5 color hex could be obtained by blending #3cffff with #0001cb. Closest websafe color is: #3399cc.

♥
- f
- t
- g
- R 12
- G 50
- B 90
RGB color chart
- C 87
- M 44
- Y 0
- K 10
CMYK color chart

● #1e80e5 color description : Vivid blue.

The hexadecimal color #1e80e5 has RGB values of R:30, G:128, B:229 and CMYK values of C:0.87, M:0.44, Y:0, K:0.1. Its decimal value is 1999077.

Hex triplet	1e80e5	`#1e80e5`
RGB Decimal	30, 128, 229	`rgb(30,128,229)`
RGB Percent	11.8, 50.2, 89.8	`rgb(11.8%,50.2%,89.8%)`
CMYK	87, 44, 0, 10
HSL	210.5°, 79.3, 50.8	`hsl(210.5,79.3%,50.8%)`
HSV (or HSB)	210.5°, 86.9, 89.8
Web Safe	3399cc	`#3399cc`

CIE-LAB	53.352, 9.889, -58.667
XYZ	22.394, 21.37, 77.069
xyY	0.185, 0.177, 21.37
CIE-LCH	53.352, 59.495, 279.567
CIE-LUV	53.352, -29.006, -92.493
Hunter-Lab	46.227, 5.575, -66.488
Binary	00011110, 10000000, 11100101

#1e80e5
```
#1e80e5 rgb(30,128,229)
```
#e5831e
```
#e5831e rgb(229,131,30)
```

Complementary Color

#1ee4e5
```
#1ee4e5 rgb(30,228,229)
```
#1e80e5
```
#1e80e5 rgb(30,128,229)
```
#1f1ee5
```
#1f1ee5 rgb(31,30,229)
```

Analogous Color

#e4e51e
```
#e4e51e rgb(228,229,30)
```
#1e80e5
```
#1e80e5 rgb(30,128,229)
```
#e51f1e
```
#e51f1e rgb(229,31,30)
```

Split Complementary Color

#80e51e
```
#80e51e rgb(128,229,30)
```
#1e80e5
```
#1e80e5 rgb(30,128,229)
```
#e51e80
```
#e51e80 rgb(229,30,128)
```

Triadic Color

#1ee583
```
#1ee583 rgb(30,229,131)
```
#1e80e5
```
#1e80e5 rgb(30,128,229)
```
#e51e80
```
#e51e80 rgb(229,30,128)
```
#e5831e
```
#e5831e rgb(229,131,30)
```

Tetradic Color

#135aa4
```
#135aa4 rgb(19,90,164)
```
#1667ba
```
#1667ba rgb(22,103,186)
```
#1873d1
```
#1873d1 rgb(24,115,209)
```
#1e80e5
```
#1e80e5 rgb(30,128,229)
```
#358de8
```
#358de8 rgb(53,141,232)
```
#4c9aea
```
#4c9aea rgb(76,154,234)
```
#63a7ed
```
#63a7ed rgb(99,167,237)
```

Monochromatic Color

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

#1eb2e5
```
#1eb2e5 rgb(30,178,229)
```
#1ea1e5
```
#1ea1e5 rgb(30,161,229)
```
#1e91e5
```
#1e91e5 rgb(30,145,229)
```
#1e80e5
```
#1e80e5 rgb(30,128,229)
```
#1e6fe5
```
#1e6fe5 rgb(30,111,229)
```
#1e5fe5
```
#1e5fe5 rgb(30,95,229)
```
#1e4ee5
```
#1e4ee5 rgb(30,78,229)
```

Similar Colors

Text with hexadecimal color #1e80e5

This text has a font color of #1e80e5.

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

#1e80e5 background color

This paragraph has a background color of #1e80e5.

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

#1e80e5 border color

This element has a border color of #1e80e5.

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

CSS codes

.text {color:#1e80e5;}

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

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

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

#000204
```
#000204 rgb(0,2,4)
```
#020c15
```
#020c15 rgb(2,12,21)
```
#041527
```
#041527 rgb(4,21,39)
```
#071f38
```
#071f38 rgb(7,31,56)
```
#09294a
```
#09294a rgb(9,41,74)
```
#0b325c
```
#0b325c rgb(11,50,92)
```
#0d3c6d
```
#0d3c6d rgb(13,60,109)
```
#0f467f
```
#0f467f rgb(15,70,127)
```
#114f90
```
#114f90 rgb(17,79,144)
```
#1359a2
```
#1359a2 rgb(19,89,162)
```
#1563b3
```
#1563b3 rgb(21,99,179)
```
#176dc5
```
#176dc5 rgb(23,109,197)
```
#1976d7
```
#1976d7 rgb(25,118,215)
```

Shade Color Variation

#1e80e5
```
#1e80e5 rgb(30,128,229)
```
#308ae7
```
#308ae7 rgb(48,138,231)
```
#4194e9
```
#4194e9 rgb(65,148,233)
```
#539eeb
```
#539eeb rgb(83,158,235)
```
#64a8ed
```
#64a8ed rgb(100,168,237)
```
#76b2ef
```
#76b2ef rgb(118,178,239)
```
#88bcf1
```
#88bcf1 rgb(136,188,241)
```
#99c5f3
```
#99c5f3 rgb(153,197,243)
```
#abcff5
```
#abcff5 rgb(171,207,245)
```
#bcd9f7
```
#bcd9f7 rgb(188,217,247)
```
#cee3f9
```
#cee3f9 rgb(206,227,249)
```
#dfedfb
```
#dfedfb rgb(223,237,251)
```
#f1f7fd
```
#f1f7fd rgb(241,247,253)
```

Tint Color Variation

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

#7f8184
```
#7f8184 rgb(127,129,132)
```
#75818e
```
#75818e rgb(117,129,142)
```
#6b8198
```
#6b8198 rgb(107,129,152)
```
#6281a1
```
#6281a1 rgb(98,129,161)
```
#5881ab
```
#5881ab rgb(88,129,171)
```
#4e81b5
```
#4e81b5 rgb(78,129,181)
```
#4581be
```
#4581be rgb(69,129,190)
```
#3b80c8
```
#3b80c8 rgb(59,128,200)
```
#3180d2
```
#3180d2 rgb(49,128,210)
```
#2880db
```
#2880db rgb(40,128,219)
```
#1e80e5
```
#1e80e5 rgb(30,128,229)
```
#1480ef
```
#1480ef rgb(20,128,239)
```
#0b80f8
```
#0b80f8 rgb(11,128,248)
```

Tone Color Variation

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

#6e6e6e Achromatopsia 0.005% of the population
#5e7286 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5382e3 Protanopia 1% of men
#0088e3 Deuteranopia 1% of men
#00939c Tritanopia 0.001% of the population

Trichromacy

#4081e3 Protanomaly 1% of men, 0.01% of women
#0a85e3 Deuteranomaly 6% of men, 0.4% of women
#0a8cb6 Tritanomaly 0.01% of the population

#1e80e5 hex color

#1e80e5 Color Information

#1e80e5 Color Conversion

Color Schemes with #1e80e5

Alternatives to #1e80e5

#1e80e5 Preview

Shades and Tints of #1e80e5

Tones of #1e80e5

Color Blindness Simulator