#1e45f5 hex color

In a RGB color space, hex #1e45f5 is composed of 11.8% red, 27.1% green and 96.1% blue. Whereas in a CMYK color space, it is composed of 87.8% cyan, 71.8% magenta, 0% yellow and 3.9% black. It has a hue angle of 229.1 degrees, a saturation of 91.5% and a lightness of 53.9%. #1e45f5 color hex could be obtained by blending #3c8aff with #0000eb. Closest websafe color is: #3333ff.

♥
- f
- t
- g
- R 12
- G 27
- B 96
RGB color chart
- C 88
- M 72
- Y 0
- K 4
CMYK color chart

● #1e45f5 color description : Vivid blue.

The hexadecimal color #1e45f5 has RGB values of R:30, G:69, B:245 and CMYK values of C:0.88, M:0.72, Y:0, K:0.04. Its decimal value is 1983989.

Hex triplet	1e45f5	`#1e45f5`
RGB Decimal	30, 69, 245	`rgb(30,69,245)`
RGB Percent	11.8, 27.1, 96.1	`rgb(11.8%,27.1%,96.1%)`
CMYK	88, 72, 0, 4
HSL	229.1°, 91.5, 53.9	`hsl(229.1,91.5%,53.9%)`
HSV (or HSB)	229.1°, 87.8, 96.1
Web Safe	3333ff	`#3333ff`

CIE-LAB	39.787, 52.615, -89.771
XYZ	19.142, 11.123, 87.519
xyY	0.163, 0.094, 11.123
CIE-LCH	39.787, 104.054, 300.375
CIE-LUV	39.787, -14.039, -126.801
Hunter-Lab	33.352, 44.081, -132.239
Binary	00011110, 01000101, 11110101

#1e45f5
```
#1e45f5 rgb(30,69,245)
```
#f5ce1e
```
#f5ce1e rgb(245,206,30)
```

Complementary Color

#1eb1f5
```
#1eb1f5 rgb(30,177,245)
```
#1e45f5
```
#1e45f5 rgb(30,69,245)
```
#621ef5
```
#621ef5 rgb(98,30,245)
```

Analogous Color

#b1f51e
```
#b1f51e rgb(177,245,30)
```
#1e45f5
```
#1e45f5 rgb(30,69,245)
```
#f5631e
```
#f5631e rgb(245,99,30)
```

Split Complementary Color

#45f51e
```
#45f51e rgb(69,245,30)
```
#1e45f5
```
#1e45f5 rgb(30,69,245)
```
#f51e45
```
#f51e45 rgb(245,30,69)
```

Triadic Color

#1ef5ce
```
#1ef5ce rgb(30,245,206)
```
#1e45f5
```
#1e45f5 rgb(30,69,245)
```
#f51e45
```
#f51e45 rgb(245,30,69)
```
#f5ce1e
```
#f5ce1e rgb(245,206,30)
```

Tetradic Color

#0829be
```
#0829be rgb(8,41,190)
```
#0a2fd6
```
#0a2fd6 rgb(10,47,214)
```
#0b34ef
```
#0b34ef rgb(11,52,239)
```
#1e45f5
```
#1e45f5 rgb(30,69,245)
```
#3659f6
```
#3659f6 rgb(54,89,246)
```
#4f6df7
```
#4f6df7 rgb(79,109,247)
```
#6782f8
```
#6782f8 rgb(103,130,248)
```

Monochromatic Color

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

#1e7bf5
```
#1e7bf5 rgb(30,123,245)
```
#1e69f5
```
#1e69f5 rgb(30,105,245)
```
#1e57f5
```
#1e57f5 rgb(30,87,245)
```
#1e45f5
```
#1e45f5 rgb(30,69,245)
```
#1e33f5
```
#1e33f5 rgb(30,51,245)
```
#1e21f5
```
#1e21f5 rgb(30,33,245)
```
#2d1ef5
```
#2d1ef5 rgb(45,30,245)
```

Similar Colors

Text with hexadecimal color #1e45f5

This text has a font color of #1e45f5.

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

#1e45f5 background color

This paragraph has a background color of #1e45f5.

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

#1e45f5 border color

This element has a border color of #1e45f5.

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

CSS codes

.text {color:#1e45f5;}

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

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

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

#000000
```
#000000 rgb(0,0,0)
```
#010413
```
#010413 rgb(1,4,19)
```
#020826
```
#020826 rgb(2,8,38)
```
#030c39
```
#030c39 rgb(3,12,57)
```
#03104b
```
#03104b rgb(3,16,75)
```
#04155e
```
#04155e rgb(4,21,94)
```
#051971
```
#051971 rgb(5,25,113)
```
#061d84
```
#061d84 rgb(6,29,132)
```
#072197
```
#072197 rgb(7,33,151)
```
#0825a9
```
#0825a9 rgb(8,37,169)
```
#0829bc
```
#0829bc rgb(8,41,188)
```
#092dcf
```
#092dcf rgb(9,45,207)
```
#0a31e2
```
#0a31e2 rgb(10,49,226)
```

Shade Color Variation

#0b35f4
```
#0b35f4 rgb(11,53,244)
```
#1e45f5
```
#1e45f5 rgb(30,69,245)
```
#3155f6
```
#3155f6 rgb(49,85,246)
```
#4464f7
```
#4464f7 rgb(68,100,247)
```
#5674f8
```
#5674f8 rgb(86,116,248)
```
#6983f8
```
#6983f8 rgb(105,131,248)
```
#7c93f9
```
#7c93f9 rgb(124,147,249)
```
#8fa2fa
```
#8fa2fa rgb(143,162,250)
```
#a1b2fb
```
#a1b2fb rgb(161,178,251)
```
#b4c1fc
```
#b4c1fc rgb(180,193,252)
```
#c7d1fd
```
#c7d1fd rgb(199,209,253)
```
#dae0fd
```
#dae0fd rgb(218,224,253)
```
#edf0fe
```
#edf0fe rgb(237,240,254)
```

Tint Color Variation

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

#818492
```
#818492 rgb(129,132,146)
```
#787f9b
```
#787f9b rgb(120,127,155)
```
#6f79a4
```
#6f79a4 rgb(111,121,164)
```
#6673ad
```
#6673ad rgb(102,115,173)
```
#5d6db6
```
#5d6db6 rgb(93,109,182)
```
#5468bf
```
#5468bf rgb(84,104,191)
```
#4b62c8
```
#4b62c8 rgb(75,98,200)
```
#425cd1
```
#425cd1 rgb(66,92,209)
```
#3956da
```
#3956da rgb(57,86,218)
```
#3051e3
```
#3051e3 rgb(48,81,227)
```
#274bec
```
#274bec rgb(39,75,236)
```
#1e45f5
```
#1e45f5 rgb(30,69,245)
```
#153ffe
```
#153ffe rgb(21,63,254)
```

Tone Color Variation

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

#4d4d4d Achromatopsia 0.005% of the population
#444b6f Atypical Achromatopsia 0.001% of the population

Dichromacy

#0063c0 Protanopia 1% of men
#0069a6 Deuteranopia 1% of men
#007075 Tritanopia 0.001% of the population

Trichromacy

#0a58d3 Protanomaly 1% of men, 0.01% of women
#0a5bc3 Deuteranomaly 6% of men, 0.4% of women
#0a60a3 Tritanomaly 0.01% of the population

#1e45f5 hex color

#1e45f5 Color Information

#1e45f5 Color Conversion

Color Schemes with #1e45f5

Alternatives to #1e45f5

#1e45f5 Preview

Shades and Tints of #1e45f5

Tones of #1e45f5

Color Blindness Simulator