#1e80b3 hex color

In a RGB color space, hex #1e80b3 is composed of 11.8% red, 50.2% green and 70.2% blue. Whereas in a CMYK color space, it is composed of 83.2% cyan, 28.5% magenta, 0% yellow and 29.8% black. It has a hue angle of 200.5 degrees, a saturation of 71.3% and a lightness of 41%. #1e80b3 color hex could be obtained by blending #3cffff with #000167. Closest websafe color is: #3399cc.

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

● #1e80b3 color description : Strong blue.

The hexadecimal color #1e80b3 has RGB values of R:30, G:128, B:179 and CMYK values of C:0.83, M:0.28, Y:0, K:0.3. Its decimal value is 1999027.

Hex triplet	1e80b3	`#1e80b3`
RGB Decimal	30, 128, 179	`rgb(30,128,179)`
RGB Percent	11.8, 50.2, 70.2	`rgb(11.8%,50.2%,70.2%)`
CMYK	83, 28, 0, 30
HSL	200.5°, 71.3, 41	`hsl(200.5,71.3%,41%)`
HSV (or HSB)	200.5°, 83.2, 70.2
Web Safe	3399cc	`#3399cc`

CIE-LAB	50.649, -8.983, -34.55
XYZ	16.389, 18.968, 45.443
xyY	0.203, 0.235, 18.968
CIE-LCH	50.649, 35.698, 255.425
CIE-LUV	50.649, -31.541, -51.297
Hunter-Lab	43.552, -9.043, -31.378
Binary	00011110, 10000000, 10110011

#1e80b3
```
#1e80b3 rgb(30,128,179)
```
#b3511e
```
#b3511e rgb(179,81,30)
```

Complementary Color

#1eb39c
```
#1eb39c rgb(30,179,156)
```
#1e80b3
```
#1e80b3 rgb(30,128,179)
```
#1e36b3
```
#1e36b3 rgb(30,54,179)
```

Analogous Color

#b39c1e
```
#b39c1e rgb(179,156,30)
```
#1e80b3
```
#1e80b3 rgb(30,128,179)
```
#b31e36
```
#b31e36 rgb(179,30,54)
```

Split Complementary Color

#80b31e
```
#80b31e rgb(128,179,30)
```
#1e80b3
```
#1e80b3 rgb(30,128,179)
```
#b31e80
```
#b31e80 rgb(179,30,128)
```

Triadic Color

#1eb351
```
#1eb351 rgb(30,179,81)
```
#1e80b3
```
#1e80b3 rgb(30,128,179)
```
#b31e80
```
#b31e80 rgb(179,30,128)
```
#b3511e
```
#b3511e rgb(179,81,30)
```

Tetradic Color

#135171
```
#135171 rgb(19,81,113)
```
#176187
```
#176187 rgb(23,97,135)
```
#1a709d
```
#1a709d rgb(26,112,157)
```
#1e80b3
```
#1e80b3 rgb(30,128,179)
```
#2290c9
```
#2290c9 rgb(34,144,201)
```
#299edb
```
#299edb rgb(41,158,219)
```
#3fa8df
```
#3fa8df rgb(63,168,223)
```

Monochromatic Color

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

#1ea5b3
```
#1ea5b3 rgb(30,165,179)
```
#1e99b3
```
#1e99b3 rgb(30,153,179)
```
#1e8cb3
```
#1e8cb3 rgb(30,140,179)
```
#1e80b3
```
#1e80b3 rgb(30,128,179)
```
#1e74b3
```
#1e74b3 rgb(30,116,179)
```
#1e67b3
```
#1e67b3 rgb(30,103,179)
```
#1e5bb3
```
#1e5bb3 rgb(30,91,179)
```

Similar Colors

Text with hexadecimal color #1e80b3

This text has a font color of #1e80b3.

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

#1e80b3 background color

This paragraph has a background color of #1e80b3.

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

#1e80b3 border color

This element has a border color of #1e80b3.

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

CSS codes

.text {color:#1e80b3;}

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

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

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, #02080b is the darkest color, while #f9fcfe is the lightest one.

#02080b
```
#02080b rgb(2,8,11)
```
#05141c
```
#05141c rgb(5,20,28)
```
#07202d
```
#07202d rgb(7,32,45)
```
#0a2c3d
```
#0a2c3d rgb(10,44,61)
```
#0d384e
```
#0d384e rgb(13,56,78)
```
#10445f
```
#10445f rgb(16,68,95)
```
#135070
```
#135070 rgb(19,80,112)
```
#165c81
```
#165c81 rgb(22,92,129)
```
#186891
```
#186891 rgb(24,104,145)
```
#1b74a2
```
#1b74a2 rgb(27,116,162)
```
#1e80b3
```
#1e80b3 rgb(30,128,179)
```
#218cc4
```
#218cc4 rgb(33,140,196)
```
#2498d5
```
#2498d5 rgb(36,152,213)
```

Shade Color Variation

#30a1dc
```
#30a1dc rgb(48,161,220)
```
#40a9df
```
#40a9df rgb(64,169,223)
```
#51b0e2
```
#51b0e2 rgb(81,176,226)
```
#62b8e5
```
#62b8e5 rgb(98,184,229)
```
#73c0e8
```
#73c0e8 rgb(115,192,232)
```
#84c7ea
```
#84c7ea rgb(132,199,234)
```
#94cfed
```
#94cfed rgb(148,207,237)
```
#a5d6f0
```
#a5d6f0 rgb(165,214,240)
```
#b6def3
```
#b6def3 rgb(182,222,243)
```
#c7e6f6
```
#c7e6f6 rgb(199,230,246)
```
#d8edf8
```
#d8edf8 rgb(216,237,248)
```
#e8f5fb
```
#e8f5fb rgb(232,245,251)
```
#f9fcfe
```
#f9fcfe rgb(249,252,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #66696b is the less saturated color, while #0688cb is the most saturated one.

#66696b
```
#66696b rgb(102,105,107)
```
#5e6c73
```
#5e6c73 rgb(94,108,115)
```
#566e7b
```
#566e7b rgb(86,110,123)
```
#4e7183
```
#4e7183 rgb(78,113,131)
```
#46738b
```
#46738b rgb(70,115,139)
```
#3e7693
```
#3e7693 rgb(62,118,147)
```
#36789b
```
#36789b rgb(54,120,155)
```
#2e7ba3
```
#2e7ba3 rgb(46,123,163)
```
#267dab
```
#267dab rgb(38,125,171)
```
#1e80b3
```
#1e80b3 rgb(30,128,179)
```
#1683bb
```
#1683bb rgb(22,131,187)
```
#0e85c3
```
#0e85c3 rgb(14,133,195)
```
#0688cb
```
#0688cb rgb(6,136,203)
```

Tone Color Variation

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

#6e7db0 Protanopia 1% of men
#617fba Deuteranopia 1% of men
#008b95 Tritanopia 0.001% of the population

Trichromacy

#517eb1 Protanomaly 1% of men, 0.01% of women
#487fb7 Deuteranomaly 6% of men, 0.4% of women
#0a87a0 Tritanomaly 0.01% of the population

#1e80b3 hex color

#1e80b3 Color Information

#1e80b3 Color Conversion

Color Schemes with #1e80b3

Alternatives to #1e80b3

#1e80b3 Preview

Shades and Tints of #1e80b3

Tones of #1e80b3

Color Blindness Simulator