#1e50f6 hex color

In a RGB color space, hex #1e50f6 is composed of 11.8% red, 31.4% green and 96.5% blue. Whereas in a CMYK color space, it is composed of 87.8% cyan, 67.5% magenta, 0% yellow and 3.5% black. It has a hue angle of 226.1 degrees, a saturation of 92.3% and a lightness of 54.1%. #1e50f6 color hex could be obtained by blending #3ca0ff with #0000ed. Closest websafe color is: #3366ff.

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

● #1e50f6 color description : Vivid blue.

The hexadecimal color #1e50f6 has RGB values of R:30, G:80, B:246 and CMYK values of C:0.88, M:0.67, Y:0, K:0.04. Its decimal value is 1986806.

Hex triplet	1e50f6	`#1e50f6`
RGB Decimal	30, 80, 246	`rgb(30,80,246)`
RGB Percent	11.8, 31.4, 96.5	`rgb(11.8%,31.4%,96.5%)`
CMYK	88, 67, 0, 4
HSL	226.1°, 92.3, 54.1	`hsl(226.1,92.3%,54.1%)`
HSV (or HSB)	226.1°, 87.8, 96.5
Web Safe	3366ff	`#3366ff`

CIE-LAB	42.255, 46.47, -86.26
XYZ	20.035, 12.666, 88.572
xyY	0.165, 0.104, 12.666
CIE-LCH	42.255, 97.981, 298.313
CIE-LUV	42.255, -16.141, -125.644
Hunter-Lab	35.589, 38.209, -122.648
Binary	00011110, 01010000, 11110110

#1e50f6
```
#1e50f6 rgb(30,80,246)
```
#f6c41e
```
#f6c41e rgb(246,196,30)
```

Complementary Color

#1ebcf6
```
#1ebcf6 rgb(30,188,246)
```
#1e50f6
```
#1e50f6 rgb(30,80,246)
```
#581ef6
```
#581ef6 rgb(88,30,246)
```

Analogous Color

#bcf61e
```
#bcf61e rgb(188,246,30)
```
#1e50f6
```
#1e50f6 rgb(30,80,246)
```
#f6581e
```
#f6581e rgb(246,88,30)
```

Split Complementary Color

#50f61e
```
#50f61e rgb(80,246,30)
```
#1e50f6
```
#1e50f6 rgb(30,80,246)
```
#f61e50
```
#f61e50 rgb(246,30,80)
```

Triadic Color

#1ef6c4
```
#1ef6c4 rgb(30,246,196)
```
#1e50f6
```
#1e50f6 rgb(30,80,246)
```
#f61e50
```
#f61e50 rgb(246,30,80)
```
#f6c41e
```
#f6c41e rgb(246,196,30)
```

Tetradic Color

#0832c0
```
#0832c0 rgb(8,50,192)
```
#0939d8
```
#0939d8 rgb(9,57,216)
```
#0a3ff1
```
#0a3ff1 rgb(10,63,241)
```
#1e50f6
```
#1e50f6 rgb(30,80,246)
```
#3763f7
```
#3763f7 rgb(55,99,247)
```
#4f76f8
```
#4f76f8 rgb(79,118,248)
```
#6889f9
```
#6889f9 rgb(104,137,249)
```

Monochromatic Color

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

#1e86f6
```
#1e86f6 rgb(30,134,246)
```
#1e74f6
```
#1e74f6 rgb(30,116,246)
```
#1e62f6
```
#1e62f6 rgb(30,98,246)
```
#1e50f6
```
#1e50f6 rgb(30,80,246)
```
#1e3ef6
```
#1e3ef6 rgb(30,62,246)
```
#1e2cf6
```
#1e2cf6 rgb(30,44,246)
```
#221ef6
```
#221ef6 rgb(34,30,246)
```

Similar Colors

Text with hexadecimal color #1e50f6

This text has a font color of #1e50f6.

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

#1e50f6 background color

This paragraph has a background color of #1e50f6.

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

#1e50f6 border color

This element has a border color of #1e50f6.

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

CSS codes

.text {color:#1e50f6;}

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

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

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

#000001
```
#000001 rgb(0,0,1)
```
#010514
```
#010514 rgb(1,5,20)
```
#020a27
```
#020a27 rgb(2,10,39)
```
#020f3a
```
#020f3a rgb(2,15,58)
```
#03144d
```
#03144d rgb(3,20,77)
```
#041960
```
#041960 rgb(4,25,96)
```
#051e72
```
#051e72 rgb(5,30,114)
```
#052385
```
#052385 rgb(5,35,133)
```
#062898
```
#062898 rgb(6,40,152)
```
#072dab
```
#072dab rgb(7,45,171)
```
#0832be
```
#0832be rgb(8,50,190)
```
#0837d1
```
#0837d1 rgb(8,55,209)
```
#093ce4
```
#093ce4 rgb(9,60,228)
```

Shade Color Variation

#0b41f5
```
#0b41f5 rgb(11,65,245)
```
#1e50f6
```
#1e50f6 rgb(30,80,246)
```
#315ff7
```
#315ff7 rgb(49,95,247)
```
#446df8
```
#446df8 rgb(68,109,248)
```
#577cf8
```
#577cf8 rgb(87,124,248)
```
#698bf9
```
#698bf9 rgb(105,139,249)
```
#7c99fa
```
#7c99fa rgb(124,153,250)
```
#8fa8fb
```
#8fa8fb rgb(143,168,251)
```
#a2b7fb
```
#a2b7fb rgb(162,183,251)
```
#b5c5fc
```
#b5c5fc rgb(181,197,252)
```
#c8d4fd
```
#c8d4fd rgb(200,212,253)
```
#dbe3fe
```
#dbe3fe rgb(219,227,254)
```
#edf1fe
```
#edf1fe rgb(237,241,254)
```

Tint Color Variation

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

#8a8a8a
```
#8a8a8a rgb(138,138,138)
```
#818593
```
#818593 rgb(129,133,147)
```
#78809c
```
#78809c rgb(120,128,156)
```
#6f7ca5
```
#6f7ca5 rgb(111,124,165)
```
#6677ae
```
#6677ae rgb(102,119,174)
```
#5d72b7
```
#5d72b7 rgb(93,114,183)
```
#546dc0
```
#546dc0 rgb(84,109,192)
```
#4b68c9
```
#4b68c9 rgb(75,104,201)
```
#4263d2
```
#4263d2 rgb(66,99,210)
```
#395fdb
```
#395fdb rgb(57,95,219)
```
#305ae4
```
#305ae4 rgb(48,90,228)
```
#2755ed
```
#2755ed rgb(39,85,237)
```
#1e50f6
```
#1e50f6 rgb(30,80,246)
```

Tone Color Variation

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

#545454 Achromatopsia 0.005% of the population
#495374 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0068cb Protanopia 1% of men
#006eb0 Deuteranopia 1% of men
#00767c Tritanopia 0.001% of the population

Trichromacy

#0a5fdb Protanomaly 1% of men, 0.01% of women
#0a63c9 Deuteranomaly 6% of men, 0.4% of women
#0a68a8 Tritanomaly 0.01% of the population

#1e50f6 hex color

#1e50f6 Color Information

#1e50f6 Color Conversion

Color Schemes with #1e50f6

Alternatives to #1e50f6

#1e50f6 Preview

Shades and Tints of #1e50f6

Tones of #1e50f6

Color Blindness Simulator