#1e80b5 hex color

In a RGB color space, hex #1e80b5 is composed of 11.8% red, 50.2% green and 71% blue. Whereas in a CMYK color space, it is composed of 83.4% cyan, 29.3% magenta, 0% yellow and 29% black. It has a hue angle of 201.1 degrees, a saturation of 71.6% and a lightness of 41.4%. #1e80b5 color hex could be obtained by blending #3cffff with #00016b. Closest websafe color is: #3399cc.

♥
- f
- t
- g
- R 12
- G 50
- B 71
RGB color chart
- C 83
- M 29
- Y 0
- K 29
CMYK color chart

● #1e80b5 color description : Strong blue.

The hexadecimal color #1e80b5 has RGB values of R:30, G:128, B:181 and CMYK values of C:0.83, M:0.29, Y:0, K:0.29. Its decimal value is 1999029.

Hex triplet	1e80b5	`#1e80b5`
RGB Decimal	30, 128, 181	`rgb(30,128,181)`
RGB Percent	11.8, 50.2, 71	`rgb(11.8%,50.2%,71%)`
CMYK	83, 29, 0, 29
HSL	201.1°, 71.6, 41.4	`hsl(201.1,71.6%,41.4%)`
HSV (or HSB)	201.1°, 83.4, 71
Web Safe	3399cc	`#3399cc`

CIE-LAB	50.745, -8.245, -35.553
XYZ	16.593, 19.049, 46.516
xyY	0.202, 0.232, 19.049
CIE-LCH	50.745, 36.496, 256.943
CIE-LUV	50.745, -31.424, -53.006
Hunter-Lab	43.645, -8.517, -32.638
Binary	00011110, 10000000, 10110101

#1e80b5
```
#1e80b5 rgb(30,128,181)
```
#b5531e
```
#b5531e rgb(181,83,30)
```

Complementary Color

#1eb59f
```
#1eb59f rgb(30,181,159)
```
#1e80b5
```
#1e80b5 rgb(30,128,181)
```
#1e35b5
```
#1e35b5 rgb(30,53,181)
```

Analogous Color

#b59f1e
```
#b59f1e rgb(181,159,30)
```
#1e80b5
```
#1e80b5 rgb(30,128,181)
```
#b51e35
```
#b51e35 rgb(181,30,53)
```

Split Complementary Color

#80b51e
```
#80b51e rgb(128,181,30)
```
#1e80b5
```
#1e80b5 rgb(30,128,181)
```
#b51e80
```
#b51e80 rgb(181,30,128)
```

Triadic Color

#1eb553
```
#1eb553 rgb(30,181,83)
```
#1e80b5
```
#1e80b5 rgb(30,128,181)
```
#b51e80
```
#b51e80 rgb(181,30,128)
```
#b5531e
```
#b5531e rgb(181,83,30)
```

Tetradic Color

#135273
```
#135273 rgb(19,82,115)
```
#176189
```
#176189 rgb(23,97,137)
```
#1a719f
```
#1a719f rgb(26,113,159)
```
#1e80b5
```
#1e80b5 rgb(30,128,181)
```
#228fcb
```
#228fcb rgb(34,143,203)
```
#2a9ddc
```
#2a9ddc rgb(42,157,220)
```
#40a7df
```
#40a7df rgb(64,167,223)
```

Monochromatic Color

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

#1ea6b5
```
#1ea6b5 rgb(30,166,181)
```
#1e99b5
```
#1e99b5 rgb(30,153,181)
```
#1e8db5
```
#1e8db5 rgb(30,141,181)
```
#1e80b5
```
#1e80b5 rgb(30,128,181)
```
#1e73b5
```
#1e73b5 rgb(30,115,181)
```
#1e67b5
```
#1e67b5 rgb(30,103,181)
```
#1e5ab5
```
#1e5ab5 rgb(30,90,181)
```

Similar Colors

Text with hexadecimal color #1e80b5

This text has a font color of #1e80b5.

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

#1e80b5 background color

This paragraph has a background color of #1e80b5.

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

#1e80b5 border color

This element has a border color of #1e80b5.

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

CSS codes

.text {color:#1e80b5;}

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

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

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, #02090d is the darkest color, while #fbfdfe is the lightest one.

#02090d
```
#02090d rgb(2,9,13)
```
#05151e
```
#05151e rgb(5,21,30)
```
#08212e
```
#08212e rgb(8,33,46)
```
#0a2d3f
```
#0a2d3f rgb(10,45,63)
```
#0d3950
```
#0d3950 rgb(13,57,80)
```
#104561
```
#104561 rgb(16,69,97)
```
#135072
```
#135072 rgb(19,80,114)
```
#165c83
```
#165c83 rgb(22,92,131)
```
#186893
```
#186893 rgb(24,104,147)
```
#1b74a4
```
#1b74a4 rgb(27,116,164)
```
#1e80b5
```
#1e80b5 rgb(30,128,181)
```
#218cc6
```
#218cc6 rgb(33,140,198)
```
#2498d7
```
#2498d7 rgb(36,152,215)
```

Shade Color Variation

#31a1dd
```
#31a1dd rgb(49,161,221)
```
#42a8e0
```
#42a8e0 rgb(66,168,224)
```
#53b0e2
```
#53b0e2 rgb(83,176,226)
```
#63b8e5
```
#63b8e5 rgb(99,184,229)
```
#74bfe8
```
#74bfe8 rgb(116,191,232)
```
#85c7eb
```
#85c7eb rgb(133,199,235)
```
#96cfee
```
#96cfee rgb(150,207,238)
```
#a7d7f0
```
#a7d7f0 rgb(167,215,240)
```
#b8def3
```
#b8def3 rgb(184,222,243)
```
#c8e6f6
```
#c8e6f6 rgb(200,230,246)
```
#d9eef9
```
#d9eef9 rgb(217,238,249)
```
#eaf5fc
```
#eaf5fc rgb(234,245,252)
```
#fbfdfe
```
#fbfdfe rgb(251,253,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #676a6c is the less saturated color, while #0687cd is the most saturated one.

#676a6c
```
#676a6c rgb(103,106,108)
```
#5f6d74
```
#5f6d74 rgb(95,109,116)
```
#576f7c
```
#576f7c rgb(87,111,124)
```
#4f7184
```
#4f7184 rgb(79,113,132)
```
#47748c
```
#47748c rgb(71,116,140)
```
#3e7695
```
#3e7695 rgb(62,118,149)
```
#36799d
```
#36799d rgb(54,121,157)
```
#2e7ba5
```
#2e7ba5 rgb(46,123,165)
```
#267ead
```
#267ead rgb(38,126,173)
```
#1e80b5
```
#1e80b5 rgb(30,128,181)
```
#1682bd
```
#1682bd rgb(22,130,189)
```
#0e85c5
```
#0e85c5 rgb(14,133,197)
```
#0687cd
```
#0687cd rgb(6,135,205)
```

Tone Color Variation

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

#696969 Achromatopsia 0.005% of the population
#5a6e78 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6d7eb2 Protanopia 1% of men
#5f7fbb Deuteranopia 1% of men
#008c95 Tritanopia 0.001% of the population

Trichromacy

#507eb3 Protanomaly 1% of men, 0.01% of women
#477fb9 Deuteranomaly 6% of men, 0.4% of women
#0a87a1 Tritanomaly 0.01% of the population

#1e80b5 hex color

#1e80b5 Color Information

#1e80b5 Color Conversion

Color Schemes with #1e80b5

Alternatives to #1e80b5

#1e80b5 Preview

Shades and Tints of #1e80b5

Tones of #1e80b5

Color Blindness Simulator