#1e50ff hex color

In a RGB color space, hex #1e50ff is composed of 11.8% red, 31.4% green and 100% blue. Whereas in a CMYK color space, it is composed of 88.2% cyan, 68.6% magenta, 0% yellow and 0% black. It has a hue angle of 226.7 degrees, a saturation of 100% and a lightness of 55.9%. #1e50ff color hex could be obtained by blending #3ca0ff with #0000ff. Closest websafe color is: #3366ff.

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

● #1e50ff color description : Vivid blue.

The hexadecimal color #1e50ff has RGB values of R:30, G:80, B:255 and CMYK values of C:0.88, M:0.69, Y:0, K:0. Its decimal value is 1986815.

Hex triplet	1e50ff	`#1e50ff`
RGB Decimal	30, 80, 255	`rgb(30,80,255)`
RGB Percent	11.8, 31.4, 100	`rgb(11.8%,31.4%,100%)`
CMYK	88, 69, 0, 0
HSL	226.7°, 100, 55.9	`hsl(226.7,100%,55.9%)`
HSV (or HSB)	226.7°, 88.2, 100
Web Safe	3366ff	`#3366ff`

CIE-LAB	43.11, 49.631, -89.882
XYZ	21.45, 13.232, 96.026
xyY	0.164, 0.101, 13.232
CIE-LCH	43.11, 102.674, 298.907
CIE-LUV	43.11, -16.219, -131.096
Hunter-Lab	36.375, 41.604, -131.054
Binary	00011110, 01010000, 11111111

#1e50ff
```
#1e50ff rgb(30,80,255)
```
#ffcd1e
```
#ffcd1e rgb(255,205,30)
```

Complementary Color

#1ec1ff
```
#1ec1ff rgb(30,193,255)
```
#1e50ff
```
#1e50ff rgb(30,80,255)
```
#5d1eff
```
#5d1eff rgb(93,30,255)
```

Analogous Color

#c1ff1e
```
#c1ff1e rgb(193,255,30)
```
#1e50ff
```
#1e50ff rgb(30,80,255)
```
#ff5c1e
```
#ff5c1e rgb(255,92,30)
```

Split Complementary Color

#50ff1e
```
#50ff1e rgb(80,255,30)
```
#1e50ff
```
#1e50ff rgb(30,80,255)
```
#ff1e50
```
#ff1e50 rgb(255,30,80)
```

Triadic Color

#1effcd
```
#1effcd rgb(30,255,205)
```
#1e50ff
```
#1e50ff rgb(30,80,255)
```
#ff1e50
```
#ff1e50 rgb(255,30,80)
```
#ffcd1e
```
#ffcd1e rgb(255,205,30)
```

Tetradic Color

#002ed1
```
#002ed1 rgb(0,46,209)
```
#0034ea
```
#0034ea rgb(0,52,234)
```
#043cff
```
#043cff rgb(4,60,255)
```
#1e50ff
```
#1e50ff rgb(30,80,255)
```
#3864ff
```
#3864ff rgb(56,100,255)
```
#5178ff
```
#5178ff rgb(81,120,255)
```
#6b8cff
```
#6b8cff rgb(107,140,255)
```

Monochromatic Color

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

#1e88ff
```
#1e88ff rgb(30,136,255)
```
#1e76ff
```
#1e76ff rgb(30,118,255)
```
#1e63ff
```
#1e63ff rgb(30,99,255)
```
#1e50ff
```
#1e50ff rgb(30,80,255)
```
#1e3dff
```
#1e3dff rgb(30,61,255)
```
#1e2bff
```
#1e2bff rgb(30,43,255)
```
#241eff
```
#241eff rgb(36,30,255)
```

Similar Colors

Text with hexadecimal color #1e50ff

This text has a font color of #1e50ff.

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

#1e50ff background color

This paragraph has a background color of #1e50ff.

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

#1e50ff border color

This element has a border color of #1e50ff.

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

CSS codes

.text {color:#1e50ff;}

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

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

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, #00020a is the darkest color, while #f6f8ff is the lightest one.

#00020a
```
#00020a rgb(0,2,10)
```
#00071e
```
#00071e rgb(0,7,30)
```
#000b32
```
#000b32 rgb(0,11,50)
```
#000f45
```
#000f45 rgb(0,15,69)
```
#001459
```
#001459 rgb(0,20,89)
```
#00186c
```
#00186c rgb(0,24,108)
```
#001c80
```
#001c80 rgb(0,28,128)
```
#002194
```
#002194 rgb(0,33,148)
```
#0025a7
```
#0025a7 rgb(0,37,167)
```
#002abb
```
#002abb rgb(0,42,187)
```
#002ecf
```
#002ecf rgb(0,46,207)
```
#0032e2
```
#0032e2 rgb(0,50,226)
```
#0037f6
```
#0037f6 rgb(0,55,246)
```

Shade Color Variation

#0a41ff
```
#0a41ff rgb(10,65,255)
```
#1e50ff
```
#1e50ff rgb(30,80,255)
```
#325fff
```
#325fff rgb(50,95,255)
```
#456fff
```
#456fff rgb(69,111,255)
```
#597eff
```
#597eff rgb(89,126,255)
```
#6c8dff
```
#6c8dff rgb(108,141,255)
```
#809cff
```
#809cff rgb(128,156,255)
```
#94acff
```
#94acff rgb(148,172,255)
```
#a7bbff
```
#a7bbff rgb(167,187,255)
```
#bbcaff
```
#bbcaff rgb(187,202,255)
```
#cfd9ff
```
#cfd9ff rgb(207,217,255)
```
#e2e9ff
```
#e2e9ff rgb(226,233,255)
```
#f6f8ff
```
#f6f8ff rgb(246,248,255)
```

Tint Color Variation

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

#868a97
```
#868a97 rgb(134,138,151)
```
#7d85a0
```
#7d85a0 rgb(125,133,160)
```
#7580a8
```
#7580a8 rgb(117,128,168)
```
#6c7bb1
```
#6c7bb1 rgb(108,123,177)
```
#6376ba
```
#6376ba rgb(99,118,186)
```
#5b72c2
```
#5b72c2 rgb(91,114,194)
```
#526dcb
```
#526dcb rgb(82,109,203)
```
#4968d4
```
#4968d4 rgb(73,104,212)
```
#4163dc
```
#4163dc rgb(65,99,220)
```
#385ee5
```
#385ee5 rgb(56,94,229)
```
#2f5aee
```
#2f5aee rgb(47,90,238)
```
#2755f6
```
#2755f6 rgb(39,85,246)
```
#1e50ff
```
#1e50ff rgb(30,80,255)
```

Tone Color Variation

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

#555555 Achromatopsia 0.005% of the population
#4a5477 Atypical Achromatopsia 0.001% of the population

Dichromacy

#006acf Protanopia 1% of men
#0070b3 Deuteranopia 1% of men
#00787e Tritanopia 0.001% of the population

Trichromacy

#0a60e0 Protanomaly 1% of men, 0.01% of women
#0a64cf Deuteranomaly 6% of men, 0.4% of women
#0a69ad Tritanomaly 0.01% of the population

#1e50ff hex color

#1e50ff Color Information

#1e50ff Color Conversion

Color Schemes with #1e50ff

Alternatives to #1e50ff

#1e50ff Preview

Shades and Tints of #1e50ff

Tones of #1e50ff

Color Blindness Simulator