#1e5afe hex color

In a RGB color space, hex #1e5afe is composed of 11.8% red, 35.3% green and 99.6% blue. Whereas in a CMYK color space, it is composed of 88.2% cyan, 64.6% magenta, 0% yellow and 0.4% black. It has a hue angle of 223.9 degrees, a saturation of 99.1% and a lightness of 55.7%. #1e5afe color hex could be obtained by blending #3cb4ff with #0000fd. Closest websafe color is: #3366ff.

♥
- f
- t
- g
- R 12
- G 35
- B 100
RGB color chart
- C 88
- M 65
- Y 0
- K 0
CMYK color chart

● #1e5afe color description : Vivid blue.

The hexadecimal color #1e5afe has RGB values of R:30, G:90, B:254 and CMYK values of C:0.88, M:0.65, Y:0, K:0. Its decimal value is 1989374.

Hex triplet	1e5afe	`#1e5afe`
RGB Decimal	30, 90, 254	`rgb(30,90,254)`
RGB Percent	11.8, 35.3, 99.6	`rgb(11.8%,35.3%,99.6%)`
CMYK	88, 65, 0, 0
HSL	223.9°, 99.1, 55.7	`hsl(223.9,99.1%,55.7%)`
HSV (or HSB)	223.9°, 88.2, 99.6
Web Safe	3366ff	`#3366ff`

CIE-LAB	45.279, 43.219, -85.753
XYZ	22.077, 14.742, 95.442
xyY	0.167, 0.111, 14.742
CIE-LCH	45.279, 96.028, 296.748
CIE-LUV	45.279, -18.291, -128.19
Hunter-Lab	38.396, 35.443, -120.504
Binary	00011110, 01011010, 11111110

#1e5afe
```
#1e5afe rgb(30,90,254)
```
#fec21e
```
#fec21e rgb(254,194,30)
```

Complementary Color

#1ecafe
```
#1ecafe rgb(30,202,254)
```
#1e5afe
```
#1e5afe rgb(30,90,254)
```
#521efe
```
#521efe rgb(82,30,254)
```

Analogous Color

#cafe1e
```
#cafe1e rgb(202,254,30)
```
#1e5afe
```
#1e5afe rgb(30,90,254)
```
#fe521e
```
#fe521e rgb(254,82,30)
```

Split Complementary Color

#5afe1e
```
#5afe1e rgb(90,254,30)
```
#1e5afe
```
#1e5afe rgb(30,90,254)
```
#fe1e5a
```
#fe1e5a rgb(254,30,90)
```

Triadic Color

#1efec2
```
#1efec2 rgb(30,254,194)
```
#1e5afe
```
#1e5afe rgb(30,90,254)
```
#fe1e5a
```
#fe1e5a rgb(254,30,90)
```
#fec21e
```
#fec21e rgb(254,194,30)
```

Tetradic Color

#0138cf
```
#0138cf rgb(1,56,207)
```
#013fe8
```
#013fe8 rgb(1,63,232)
```
#0547fe
```
#0547fe rgb(5,71,254)
```
#1e5afe
```
#1e5afe rgb(30,90,254)
```
#376dfe
```
#376dfe rgb(55,109,254)
```
#517ffe
```
#517ffe rgb(81,127,254)
```
#6a92fe
```
#6a92fe rgb(106,146,254)
```

Monochromatic Color

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

#1e92fe
```
#1e92fe rgb(30,146,254)
```
#1e7ffe
```
#1e7ffe rgb(30,127,254)
```
#1e6dfe
```
#1e6dfe rgb(30,109,254)
```
#1e5afe
```
#1e5afe rgb(30,90,254)
```
#1e47fe
```
#1e47fe rgb(30,71,254)
```
#1e35fe
```
#1e35fe rgb(30,53,254)
```
#1e22fe
```
#1e22fe rgb(30,34,254)
```

Similar Colors

Text with hexadecimal color #1e5afe

This text has a font color of #1e5afe.

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

#1e5afe background color

This paragraph has a background color of #1e5afe.

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

#1e5afe border color

This element has a border color of #1e5afe.

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

CSS codes

.text {color:#1e5afe;}

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

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

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

#000309
```
#000309 rgb(0,3,9)
```
#00081d
```
#00081d rgb(0,8,29)
```
#000d30
```
#000d30 rgb(0,13,48)
```
#001244
```
#001244 rgb(0,18,68)
```
#001857
```
#001857 rgb(0,24,87)
```
#001d6b
```
#001d6b rgb(0,29,107)
```
#01227f
```
#01227f rgb(1,34,127)
```
#012892
```
#012892 rgb(1,40,146)
```
#012da6
```
#012da6 rgb(1,45,166)
```
#0132b9
```
#0132b9 rgb(1,50,185)
```
#0137cd
```
#0137cd rgb(1,55,205)
```
#013de0
```
#013de0 rgb(1,61,224)
```
#0142f4
```
#0142f4 rgb(1,66,244)
```

Shade Color Variation

#0a4cfe
```
#0a4cfe rgb(10,76,254)
```
#1e5afe
```
#1e5afe rgb(30,90,254)
```
#3268fe
```
#3268fe rgb(50,104,254)
```
#4577fe
```
#4577fe rgb(69,119,254)
```
#5985fe
```
#5985fe rgb(89,133,254)
```
#6c93fe
```
#6c93fe rgb(108,147,254)
```
#80a2fe
```
#80a2fe rgb(128,162,254)
```
#93b0ff
```
#93b0ff rgb(147,176,255)
```
#a7beff
```
#a7beff rgb(167,190,255)
```
#bacdff
```
#bacdff rgb(186,205,255)
```
#cedbff
```
#cedbff rgb(206,219,255)
```
#e1e9ff
```
#e1e9ff rgb(225,233,255)
```
#f5f8ff
```
#f5f8ff rgb(245,248,255)
```

Tint Color Variation

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

#868a96
```
#868a96 rgb(134,138,150)
```
#7e869e
```
#7e869e rgb(126,134,158)
```
#7582a7
```
#7582a7 rgb(117,130,167)
```
#6c7eb0
```
#6c7eb0 rgb(108,126,176)
```
#647ab8
```
#647ab8 rgb(100,122,184)
```
#5b76c1
```
#5b76c1 rgb(91,118,193)
```
#5272ca
```
#5272ca rgb(82,114,202)
```
#496ed3
```
#496ed3 rgb(73,110,211)
```
#416adb
```
#416adb rgb(65,106,219)
```
#3866e4
```
#3866e4 rgb(56,102,228)
```
#2f62ed
```
#2f62ed rgb(47,98,237)
```
#275ef5
```
#275ef5 rgb(39,94,245)
```
#1e5afe
```
#1e5afe rgb(30,90,254)
```

Tone Color Variation

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

#5b5b5b Achromatopsia 0.005% of the population
#4f5b7c Atypical Achromatopsia 0.001% of the population

Dichromacy

#006fd9 Protanopia 1% of men
#0075bc Deuteranopia 1% of men
#007e84 Tritanopia 0.001% of the population

Trichromacy

#0a67e6 Protanomaly 1% of men, 0.01% of women
#0a6bd4 Deuteranomaly 6% of men, 0.4% of women
#0a71b0 Tritanomaly 0.01% of the population

#1e5afe hex color

#1e5afe Color Information

#1e5afe Color Conversion

Color Schemes with #1e5afe

Alternatives to #1e5afe

#1e5afe Preview

Shades and Tints of #1e5afe

Tones of #1e5afe

Color Blindness Simulator