#1e90fa hex color

In a RGB color space, hex #1e90fa is composed of 11.8% red, 56.5% green and 98% blue. Whereas in a CMYK color space, it is composed of 88% cyan, 42.4% magenta, 0% yellow and 2% black. It has a hue angle of 208.9 degrees, a saturation of 95.7% and a lightness of 54.9%. #1e90fa color hex could be obtained by blending #3cffff with #0021f5. Closest websafe color is: #3399ff.

♥
- f
- t
- g
- R 12
- G 56
- B 98
RGB color chart
- C 88
- M 42
- Y 0
- K 2
CMYK color chart

● #1e90fa color description : Vivid blue.

The hexadecimal color #1e90fa has RGB values of R:30, G:144, B:250 and CMYK values of C:0.88, M:0.42, Y:0, K:0.02. Its decimal value is 2003194.

Hex triplet	1e90fa	`#1e90fa`
RGB Decimal	30, 144, 250	`rgb(30,144,250)`
RGB Percent	11.8, 56.5, 98	`rgb(11.8%,56.5%,98%)`
CMYK	88, 42, 0, 2
HSL	208.9°, 95.7, 54.9	`hsl(208.9,95.7%,54.9%)`
HSV (or HSB)	208.9°, 88, 98
Web Safe	3399ff	`#3399ff`

CIE-LAB	59.087, 8.087, -61.118
XYZ	27.76, 27.122, 94.209
xyY	0.186, 0.182, 27.122
CIE-LCH	59.087, 61.651, 277.538
CIE-LUV	59.087, -33.045, -98.317
Hunter-Lab	52.079, 4.009, -70.798
Binary	00011110, 10010000, 11111010

#1e90fa
```
#1e90fa rgb(30,144,250)
```
#fa881e
```
#fa881e rgb(250,136,30)
```

Complementary Color

#1efaf6
```
#1efaf6 rgb(30,250,246)
```
#1e90fa
```
#1e90fa rgb(30,144,250)
```
#1e22fa
```
#1e22fa rgb(30,34,250)
```

Analogous Color

#faf61e
```
#faf61e rgb(250,246,30)
```
#1e90fa
```
#1e90fa rgb(30,144,250)
```
#fa1e22
```
#fa1e22 rgb(250,30,34)
```

Split Complementary Color

#90fa1e
```
#90fa1e rgb(144,250,30)
```
#1e90fa
```
#1e90fa rgb(30,144,250)
```
#fa1e90
```
#fa1e90 rgb(250,30,144)
```

Triadic Color

#1efa88
```
#1efa88 rgb(30,250,136)
```
#1e90fa
```
#1e90fa rgb(30,144,250)
```
#fa1e90
```
#fa1e90 rgb(250,30,144)
```
#fa881e
```
#fa881e rgb(250,136,30)
```

Tetradic Color

#0469c7
```
#0469c7 rgb(4,105,199)
```
#0576e0
```
#0576e0 rgb(5,118,224)
```
#0684f9
```
#0684f9 rgb(6,132,249)
```
#1e90fa
```
#1e90fa rgb(30,144,250)
```
#379cfb
```
#379cfb rgb(55,156,251)
```
#50a9fb
```
#50a9fb rgb(80,169,251)
```
#69b5fc
```
#69b5fc rgb(105,181,252)
```

Monochromatic Color

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

#1ec7fa
```
#1ec7fa rgb(30,199,250)
```
#1eb5fa
```
#1eb5fa rgb(30,181,250)
```
#1ea2fa
```
#1ea2fa rgb(30,162,250)
```
#1e90fa
```
#1e90fa rgb(30,144,250)
```
#1e7efa
```
#1e7efa rgb(30,126,250)
```
#1e6bfa
```
#1e6bfa rgb(30,107,250)
```
#1e59fa
```
#1e59fa rgb(30,89,250)
```

Similar Colors

Text with hexadecimal color #1e90fa

This text has a font color of #1e90fa.

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

#1e90fa background color

This paragraph has a background color of #1e90fa.

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

#1e90fa border color

This element has a border color of #1e90fa.

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

CSS codes

.text {color:#1e90fa;}

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

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

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

#000305
```
#000305 rgb(0,3,5)
```
#010d18
```
#010d18 rgb(1,13,24)
```
#01172c
```
#01172c rgb(1,23,44)
```
#01213f
```
#01213f rgb(1,33,63)
```
#022b52
```
#022b52 rgb(2,43,82)
```
#023665
```
#023665 rgb(2,54,101)
```
#034078
```
#034078 rgb(3,64,120)
```
#034a8c
```
#034a8c rgb(3,74,140)
```
#04549f
```
#04549f rgb(4,84,159)
```
#045eb2
```
#045eb2 rgb(4,94,178)
```
#0468c5
```
#0468c5 rgb(4,104,197)
```
#0572d8
```
#0572d8 rgb(5,114,216)
```
#057dec
```
#057dec rgb(5,125,236)
```

Shade Color Variation

#0b87fa
```
#0b87fa rgb(11,135,250)
```
#1e90fa
```
#1e90fa rgb(30,144,250)
```
#3199fa
```
#3199fa rgb(49,153,250)
```
#44a3fb
```
#44a3fb rgb(68,163,251)
```
#58acfb
```
#58acfb rgb(88,172,251)
```
#6bb6fc
```
#6bb6fc rgb(107,182,252)
```
#7ebffc
```
#7ebffc rgb(126,191,252)
```
#91c9fd
```
#91c9fd rgb(145,201,253)
```
#a4d2fd
```
#a4d2fd rgb(164,210,253)
```
#b8dcfd
```
#b8dcfd rgb(184,220,253)
```
#cbe5fe
```
#cbe5fe rgb(203,229,254)
```
#deeffe
```
#deeffe rgb(222,239,254)
```
#f1f8ff
```
#f1f8ff rgb(241,248,255)
```

Tint Color Variation

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

#888c90
```
#888c90 rgb(136,140,144)
```
#7f8c99
```
#7f8c99 rgb(127,140,153)
```
#768da2
```
#768da2 rgb(118,141,162)
```
#6e8daa
```
#6e8daa rgb(110,141,170)
```
#658db3
```
#658db3 rgb(101,141,179)
```
#5c8ebc
```
#5c8ebc rgb(92,142,188)
```
#538ec5
```
#538ec5 rgb(83,142,197)
```
#4a8ece
```
#4a8ece rgb(74,142,206)
```
#418fd7
```
#418fd7 rgb(65,143,215)
```
#398fdf
```
#398fdf rgb(57,143,223)
```
#308fe8
```
#308fe8 rgb(48,143,232)
```
#2790f1
```
#2790f1 rgb(39,144,241)
```
#1e90fa
```
#1e90fa rgb(30,144,250)
```

Tone Color Variation

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

#7a7a7a Achromatopsia 0.005% of the population
#687e94 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6190f5 Protanopia 1% of men
#1c96fa Deuteranopia 1% of men
#00a2ac Tritanopia 0.001% of the population

Trichromacy

#4890f7 Protanomaly 1% of men, 0.01% of women
#1d94fa Deuteranomaly 6% of men, 0.4% of women
#0a9bc8 Tritanomaly 0.01% of the population

#1e90fa hex color

#1e90fa Color Information

#1e90fa Color Conversion

Color Schemes with #1e90fa

Alternatives to #1e90fa

#1e90fa Preview

Shades and Tints of #1e90fa

Tones of #1e90fa

Color Blindness Simulator