#1e80ed hex color

In a RGB color space, hex #1e80ed is composed of 11.8% red, 50.2% green and 92.9% blue. Whereas in a CMYK color space, it is composed of 87.3% cyan, 46% magenta, 0% yellow and 7.1% black. It has a hue angle of 211.6 degrees, a saturation of 85.2% and a lightness of 52.4%. #1e80ed color hex could be obtained by blending #3cffff with #0001db. Closest websafe color is: #3399ff.

♥
- f
- t
- g
- R 12
- G 50
- B 93
RGB color chart
- C 87
- M 46
- Y 0
- K 7
CMYK color chart

● #1e80ed color description : Vivid blue.

The hexadecimal color #1e80ed has RGB values of R:30, G:128, B:237 and CMYK values of C:0.87, M:0.46, Y:0, K:0.07. Its decimal value is 1999085.

Hex triplet	1e80ed	`#1e80ed`
RGB Decimal	30, 128, 237	`rgb(30,128,237)`
RGB Percent	11.8, 50.2, 92.9	`rgb(11.8%,50.2%,92.9%)`
CMYK	87, 46, 0, 7
HSL	211.6°, 85.2, 52.4	`hsl(211.6,85.2%,52.4%)`
HSV (or HSB)	211.6°, 87.3, 92.9
Web Safe	3399ff	`#3399ff`

CIE-LAB	53.843, 12.939, -62.345
XYZ	23.537, 21.827, 83.089
xyY	0.183, 0.17, 21.827
CIE-LCH	53.843, 63.674, 281.724
CIE-LUV	53.843, -28.683, -98.726
Hunter-Lab	46.719, 8.17, -72.742
Binary	00011110, 10000000, 11101101

#1e80ed
```
#1e80ed rgb(30,128,237)
```
#ed8b1e
```
#ed8b1e rgb(237,139,30)
```

Complementary Color

#1ee8ed
```
#1ee8ed rgb(30,232,237)
```
#1e80ed
```
#1e80ed rgb(30,128,237)
```
#241eed
```
#241eed rgb(36,30,237)
```

Analogous Color

#e8ed1e
```
#e8ed1e rgb(232,237,30)
```
#1e80ed
```
#1e80ed rgb(30,128,237)
```
#ed241e
```
#ed241e rgb(237,36,30)
```

Split Complementary Color

#80ed1e
```
#80ed1e rgb(128,237,30)
```
#1e80ed
```
#1e80ed rgb(30,128,237)
```
#ed1e80
```
#ed1e80 rgb(237,30,128)
```

Triadic Color

#1eed8b
```
#1eed8b rgb(30,237,139)
```
#1e80ed
```
#1e80ed rgb(30,128,237)
```
#ed1e80
```
#ed1e80 rgb(237,30,128)
```
#ed8b1e
```
#ed8b1e rgb(237,139,30)
```

Tetradic Color

#0e5bb0
```
#0e5bb0 rgb(14,91,176)
```
#1067c8
```
#1067c8 rgb(16,103,200)
```
#1273e0
```
#1273e0 rgb(18,115,224)
```
#1e80ed
```
#1e80ed rgb(30,128,237)
```
#368def
```
#368def rgb(54,141,239)
```
#4d9bf1
```
#4d9bf1 rgb(77,155,241)
```
#65a8f3
```
#65a8f3 rgb(101,168,243)
```

Monochromatic Color

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

#1eb4ed
```
#1eb4ed rgb(30,180,237)
```
#1ea3ed
```
#1ea3ed rgb(30,163,237)
```
#1e91ed
```
#1e91ed rgb(30,145,237)
```
#1e80ed
```
#1e80ed rgb(30,128,237)
```
#1e6fed
```
#1e6fed rgb(30,111,237)
```
#1e5ded
```
#1e5ded rgb(30,93,237)
```
#1e4ced
```
#1e4ced rgb(30,76,237)
```

Similar Colors

Text with hexadecimal color #1e80ed

This text has a font color of #1e80ed.

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

#1e80ed background color

This paragraph has a background color of #1e80ed.

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

#1e80ed border color

This element has a border color of #1e80ed.

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

CSS codes

.text {color:#1e80ed;}

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

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

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

#01060b
```
#01060b rgb(1,6,11)
```
#020f1d
```
#020f1d rgb(2,15,29)
```
#04182f
```
#04182f rgb(4,24,47)
```
#052242
```
#052242 rgb(5,34,66)
```
#072b54
```
#072b54 rgb(7,43,84)
```
#083566
```
#083566 rgb(8,53,102)
```
#0a3e78
```
#0a3e78 rgb(10,62,120)
```
#0b478a
```
#0b478a rgb(11,71,138)
```
#0d519c
```
#0d519c rgb(13,81,156)
```
#0e5aaf
```
#0e5aaf rgb(14,90,175)
```
#0f63c1
```
#0f63c1 rgb(15,99,193)
```
#116dd3
```
#116dd3 rgb(17,109,211)
```
#1276e5
```
#1276e5 rgb(18,118,229)
```

Shade Color Variation

#1e80ed
```
#1e80ed rgb(30,128,237)
```
#308aee
```
#308aee rgb(48,138,238)
```
#4295f0
```
#4295f0 rgb(66,149,240)
```
#549ff1
```
#549ff1 rgb(84,159,241)
```
#67a9f3
```
#67a9f3 rgb(103,169,243)
```
#79b3f4
```
#79b3f4 rgb(121,179,244)
```
#8bbef6
```
#8bbef6 rgb(139,190,246)
```
#9dc8f7
```
#9dc8f7 rgb(157,200,247)
```
#afd2f9
```
#afd2f9 rgb(175,210,249)
```
#c1dcfa
```
#c1dcfa rgb(193,220,250)
```
#d4e7fc
```
#d4e7fc rgb(212,231,252)
```
#e6f1fd
```
#e6f1fd rgb(230,241,253)
```
#f8fbfe
```
#f8fbfe rgb(248,251,254)
```

Tint Color Variation

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

#858586
```
#858586 rgb(133,133,134)
```
#7b8590
```
#7b8590 rgb(123,133,144)
```
#728499
```
#728499 rgb(114,132,153)
```
#6984a2
```
#6984a2 rgb(105,132,162)
```
#5f83ac
```
#5f83ac rgb(95,131,172)
```
#5683b5
```
#5683b5 rgb(86,131,181)
```
#4d82be
```
#4d82be rgb(77,130,190)
```
#4382c8
```
#4382c8 rgb(67,130,200)
```
#3a81d1
```
#3a81d1 rgb(58,129,209)
```
#3181da
```
#3181da rgb(49,129,218)
```
#2780e4
```
#2780e4 rgb(39,128,228)
```
#1e80ed
```
#1e80ed rgb(30,128,237)
```
#1580f6
```
#1580f6 rgb(21,128,246)
```

Tone Color Variation

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

#6f6f6f Achromatopsia 0.005% of the population
#5f7288 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4c83eb Protanopia 1% of men
#0089e4 Deuteranopia 1% of men
#00949d Tritanopia 0.001% of the population

Trichromacy

#3b82ec Protanomaly 1% of men, 0.01% of women
#0a86e7 Deuteranomaly 6% of men, 0.4% of women
#0a8dba Tritanomaly 0.01% of the population

#1e80ed hex color

#1e80ed Color Information

#1e80ed Color Conversion

Color Schemes with #1e80ed

Alternatives to #1e80ed

#1e80ed Preview

Shades and Tints of #1e80ed

Tones of #1e80ed

Color Blindness Simulator