colorhexa.com

#1e80fd hex color

In a RGB color space, hex #1e80fd is composed of 11.8% red, 50.2% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 88.1% cyan, 49.4% magenta, 0% yellow and 0.8% black. It has a hue angle of 213.6 degrees, a saturation of 98.2% and a lightness of 55.5%. #1e80fd color hex could be obtained by blending #3cffff with #0001fb. Closest websafe color is: #3399ff.

- R 12
- G 50
- B 99
RGB color chart
- C 88
- M 49
- Y 0
- K 1
CMYK color chart

● #1e80fd color description : Vivid blue.

The hexadecimal color #1e80fd has RGB values of R:30, G:128, B:253 and CMYK values of C:0.88, M:0.49, Y:0, K:0.01. Its decimal value is 1999101.

Hex triplet	1e80fd	`#1e80fd`
RGB Decimal	30, 128, 253	`rgb(30,128,253)`
RGB Percent	11.8, 50.2, 99.2	`rgb(11.8%,50.2%,99.2%)`
CMYK	88, 49, 0, 1
HSL	213.6°, 98.2, 55.5	`hsl(213.6,98.2%,55.5%)`
HSV (or HSB)	213.6°, 88.1, 99.2
Web Safe	3399ff	`#3399ff`

CIE-LAB	54.87, 19.019, -69.56
XYZ	25.98, 22.804, 95.955
xyY	0.179, 0.158, 22.804
CIE-LCH	54.87, 72.113, 285.292
CIE-LUV	54.87, -28.105, -110.871
Hunter-Lab	47.753, 13.544, -85.709
Binary	00011110, 10000000, 11111101

#1e80fd
```
#1e80fd rgb(30,128,253)
```
#fd9b1e
```
#fd9b1e rgb(253,155,30)
```

Complementary Color

#1ef0fd
```
#1ef0fd rgb(30,240,253)
```
#1e80fd
```
#1e80fd rgb(30,128,253)
```
#2c1efd
```
#2c1efd rgb(44,30,253)
```

Analogous Color

#f0fd1e
```
#f0fd1e rgb(240,253,30)
```
#1e80fd
```
#1e80fd rgb(30,128,253)
```
#fd2b1e
```
#fd2b1e rgb(253,43,30)
```

Split Complementary Color

#80fd1e
```
#80fd1e rgb(128,253,30)
```
#1e80fd
```
#1e80fd rgb(30,128,253)
```
#fd1e80
```
#fd1e80 rgb(253,30,128)
```

Triadic Color

#1efd9b
```
#1efd9b rgb(30,253,155)
```
#1e80fd
```
#1e80fd rgb(30,128,253)
```
#fd1e80
```
#fd1e80 rgb(253,30,128)
```
#fd9b1e
```
#fd9b1e rgb(253,155,30)
```

Tetradic Color

#025bcd
```
#025bcd rgb(2,91,205)
```
#0266e6
```
#0266e6 rgb(2,102,230)
```
#0572fd
```
#0572fd rgb(5,114,253)
```
#1e80fd
```
#1e80fd rgb(30,128,253)
```
#378efd
```
#378efd rgb(55,142,253)
```
#519dfd
```
#519dfd rgb(81,157,253)
```
#6aabfe
```
#6aabfe rgb(106,171,254)
```

Monochromatic Color

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

#1eb8fd
```
#1eb8fd rgb(30,184,253)
```
#1ea5fd
```
#1ea5fd rgb(30,165,253)
```
#1e93fd
```
#1e93fd rgb(30,147,253)
```
#1e80fd
```
#1e80fd rgb(30,128,253)
```
#1e6dfd
```
#1e6dfd rgb(30,109,253)
```
#1e5bfd
```
#1e5bfd rgb(30,91,253)
```
#1e48fd
```
#1e48fd rgb(30,72,253)
```

Similar Colors

Text with hexadecimal color #1e80fd

This text has a font color of #1e80fd.

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

#1e80fd background color

This paragraph has a background color of #1e80fd.

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

#1e80fd border color

This element has a border color of #1e80fd.

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

CSS codes

.text {color:#1e80fd;}

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

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

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

#000408
```
#000408 rgb(0,4,8)
```
#000c1c
```
#000c1c rgb(0,12,28)
```
#00152f
```
#00152f rgb(0,21,47)
```
#011e43
```
#011e43 rgb(1,30,67)
```
#012656
```
#012656 rgb(1,38,86)
```
#012f6a
```
#012f6a rgb(1,47,106)
```
#01387d
```
#01387d rgb(1,56,125)
```
#014090
```
#014090 rgb(1,64,144)
```
#0149a4
```
#0149a4 rgb(1,73,164)
```
#0251b7
```
#0251b7 rgb(2,81,183)
```
#025acb
```
#025acb rgb(2,90,203)
```
#0263de
```
#0263de rgb(2,99,222)
```
#026bf2
```
#026bf2 rgb(2,107,242)
```

Shade Color Variation

#0b75fd
```
#0b75fd rgb(11,117,253)
```
#1e80fd
```
#1e80fd rgb(30,128,253)
```
#318bfd
```
#318bfd rgb(49,139,253)
```
#4596fd
```
#4596fd rgb(69,150,253)
```
#58a1fe
```
#58a1fe rgb(88,161,254)
```
#6cacfe
```
#6cacfe rgb(108,172,254)
```
#7fb7fe
```
#7fb7fe rgb(127,183,254)
```
#93c2fe
```
#93c2fe rgb(147,194,254)
```
#a6cdfe
```
#a6cdfe rgb(166,205,254)
```
#bad8fe
```
#bad8fe rgb(186,216,254)
```
#cde3ff
```
#cde3ff rgb(205,227,255)
```
#e0eeff
```
#e0eeff rgb(224,238,255)
```
#f4f9ff
```
#f4f9ff rgb(244,249,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #878d94 is the less saturated color, while #1e80fd is the most saturated one.

#878d94
```
#878d94 rgb(135,141,148)
```
#7e8c9d
```
#7e8c9d rgb(126,140,157)
```
#758ba6
```
#758ba6 rgb(117,139,166)
```
#6d8aae
```
#6d8aae rgb(109,138,174)
```
#6488b7
```
#6488b7 rgb(100,136,183)
```
#5b87c0
```
#5b87c0 rgb(91,135,192)
```
#5286c9
```
#5286c9 rgb(82,134,201)
```
#4a85d1
```
#4a85d1 rgb(74,133,209)
```
#4184da
```
#4184da rgb(65,132,218)
```
#3883e3
```
#3883e3 rgb(56,131,227)
```
#2f82ec
```
#2f82ec rgb(47,130,236)
```
#2781f4
```
#2781f4 rgb(39,129,244)
```
#1e80fd
```
#1e80fd rgb(30,128,253)
```

Tone Color Variation

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

#717171 Achromatopsia 0.005% of the population
#60748d Atypical Achromatopsia 0.001% of the population

Dichromacy

#3785fc Protanopia 1% of men
#008ce6 Deuteranopia 1% of men
#0097a0 Tritanopia 0.001% of the population

Trichromacy

#2e83fc Protanomaly 1% of men, 0.01% of women
#0a88ee Deuteranomaly 6% of men, 0.4% of women
#0a8ec1 Tritanomaly 0.01% of the population