#1e4ef2 hex color

In a RGB color space, hex #1e4ef2 is composed of 11.8% red, 30.6% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 87.6% cyan, 67.8% magenta, 0% yellow and 5.1% black. It has a hue angle of 226.4 degrees, a saturation of 89.1% and a lightness of 53.3%. #1e4ef2 color hex could be obtained by blending #3c9cff with #0000e5. Closest websafe color is: #3366ff.

♥
- f
- t
- g
- R 12
- G 31
- B 95
RGB color chart
- C 88
- M 68
- Y 0
- K 5
CMYK color chart

● #1e4ef2 color description : Vivid blue.

The hexadecimal color #1e4ef2 has RGB values of R:30, G:78, B:242 and CMYK values of C:0.88, M:0.68, Y:0, K:0.05. Its decimal value is 1986290.

Hex triplet	1e4ef2	`#1e4ef2`
RGB Decimal	30, 78, 242	`rgb(30,78,242)`
RGB Percent	11.8, 30.6, 94.9	`rgb(11.8%,30.6%,94.9%)`
CMYK	88, 68, 0, 5
HSL	226.4°, 89.1, 53.3	`hsl(226.4,89.1%,53.3%)`
HSV (or HSB)	226.4°, 87.6, 94.9
Web Safe	3366ff	`#3366ff`

CIE-LAB	41.428, 46.264, -85.375
XYZ	19.283, 12.134, 85.325
xyY	0.165, 0.104, 12.134
CIE-LCH	41.428, 97.104, 298.453
CIE-LUV	41.428, -15.703, -123.609
Hunter-Lab	34.834, 37.855, -120.846
Binary	00011110, 01001110, 11110010

#1e4ef2
```
#1e4ef2 rgb(30,78,242)
```
#f2c21e
```
#f2c21e rgb(242,194,30)
```

Complementary Color

#1eb8f2
```
#1eb8f2 rgb(30,184,242)
```
#1e4ef2
```
#1e4ef2 rgb(30,78,242)
```
#581ef2
```
#581ef2 rgb(88,30,242)
```

Analogous Color

#b8f21e
```
#b8f21e rgb(184,242,30)
```
#1e4ef2
```
#1e4ef2 rgb(30,78,242)
```
#f2581e
```
#f2581e rgb(242,88,30)
```

Split Complementary Color

#4ef21e
```
#4ef21e rgb(78,242,30)
```
#1e4ef2
```
#1e4ef2 rgb(30,78,242)
```
#f21e4e
```
#f21e4e rgb(242,30,78)
```

Triadic Color

#1ef2c2
```
#1ef2c2 rgb(30,242,194)
```
#1e4ef2
```
#1e4ef2 rgb(30,78,242)
```
#f21e4e
```
#f21e4e rgb(242,30,78)
```
#f2c21e
```
#f2c21e rgb(242,194,30)
```

Tetradic Color

#0b32b9
```
#0b32b9 rgb(11,50,185)
```
#0c39d1
```
#0c39d1 rgb(12,57,209)
```
#0d3fe9
```
#0d3fe9 rgb(13,63,233)
```
#1e4ef2
```
#1e4ef2 rgb(30,78,242)
```
#3661f3
```
#3661f3 rgb(54,97,243)
```
#4e74f5
```
#4e74f5 rgb(78,116,245)
```
#6687f6
```
#6687f6 rgb(102,135,246)
```

Monochromatic Color

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

#1e83f2
```
#1e83f2 rgb(30,131,242)
```
#1e71f2
```
#1e71f2 rgb(30,113,242)
```
#1e60f2
```
#1e60f2 rgb(30,96,242)
```
#1e4ef2
```
#1e4ef2 rgb(30,78,242)
```
#1e3cf2
```
#1e3cf2 rgb(30,60,242)
```
#1e2bf2
```
#1e2bf2 rgb(30,43,242)
```
#231ef2
```
#231ef2 rgb(35,30,242)
```

Similar Colors

Text with hexadecimal color #1e4ef2

This text has a font color of #1e4ef2.

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

#1e4ef2 background color

This paragraph has a background color of #1e4ef2.

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

#1e4ef2 border color

This element has a border color of #1e4ef2.

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

CSS codes

.text {color:#1e4ef2;}

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

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

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

#010410
```
#010410 rgb(1,4,16)
```
#020923
```
#020923 rgb(2,9,35)
```
#030e35
```
#030e35 rgb(3,14,53)
```
#041348
```
#041348 rgb(4,19,72)
```
#05185a
```
#05185a rgb(5,24,90)
```
#061d6d
```
#061d6d rgb(6,29,109)
```
#07237f
```
#07237f rgb(7,35,127)
```
#082892
```
#082892 rgb(8,40,146)
```
#0a2da4
```
#0a2da4 rgb(10,45,164)
```
#0b32b7
```
#0b32b7 rgb(11,50,183)
```
#0c37ca
```
#0c37ca rgb(12,55,202)
```
#0d3cdc
```
#0d3cdc rgb(13,60,220)
```
#0e41ef
```
#0e41ef rgb(14,65,239)
```

Shade Color Variation

#1e4ef2
```
#1e4ef2 rgb(30,78,242)
```
#315df3
```
#315df3 rgb(49,93,243)
```
#436bf4
```
#436bf4 rgb(67,107,244)
```
#567af5
```
#567af5 rgb(86,122,245)
```
#6888f6
```
#6888f6 rgb(104,136,246)
```
#7b97f7
```
#7b97f7 rgb(123,151,247)
```
#8da6f8
```
#8da6f8 rgb(141,166,248)
```
#a0b4fa
```
#a0b4fa rgb(160,180,250)
```
#b2c3fb
```
#b2c3fb rgb(178,195,251)
```
#c5d1fc
```
#c5d1fc rgb(197,209,252)
```
#d7e0fd
```
#d7e0fd rgb(215,224,253)
```
#eaeefe
```
#eaeefe rgb(234,238,254)
```
#fdfdff
```
#fdfdff rgb(253,253,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #83858d is the less saturated color, while #1549fb is the most saturated one.

#83858d
```
#83858d rgb(131,133,141)
```
#7a8096
```
#7a8096 rgb(122,128,150)
```
#707ba0
```
#707ba0 rgb(112,123,160)
```
#6776a9
```
#6776a9 rgb(103,118,169)
```
#5e71b2
```
#5e71b2 rgb(94,113,178)
```
#556cbb
```
#556cbb rgb(85,108,187)
```
#4c67c4
```
#4c67c4 rgb(76,103,196)
```
#4362cd
```
#4362cd rgb(67,98,205)
```
#395dd7
```
#395dd7 rgb(57,93,215)
```
#3058e0
```
#3058e0 rgb(48,88,224)
```
#2753e9
```
#2753e9 rgb(39,83,233)
```
#1e4ef2
```
#1e4ef2 rgb(30,78,242)
```
#1549fb
```
#1549fb rgb(21,73,251)
```

Tone Color Variation

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

#525252 Achromatopsia 0.005% of the population
#485172 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0066c8 Protanopia 1% of men
#006cad Deuteranopia 1% of men
#00747a Tritanopia 0.001% of the population

Trichromacy

#0a5dd7 Protanomaly 1% of men, 0.01% of women
#0a61c6 Deuteranomaly 6% of men, 0.4% of women
#0a66a5 Tritanomaly 0.01% of the population

#1e4ef2 hex color

#1e4ef2 Color Information

#1e4ef2 Color Conversion

Color Schemes with #1e4ef2

Alternatives to #1e4ef2

#1e4ef2 Preview

Shades and Tints of #1e4ef2

Tones of #1e4ef2

Color Blindness Simulator