colorhexa.com

#1e58f6 hex color

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

- R 12
- G 35
- B 96
RGB color chart
- C 88
- M 64
- Y 0
- K 4
CMYK color chart

● #1e58f6 color description : Vivid blue.

The hexadecimal color #1e58f6 has RGB values of R:30, G:88, B:246 and CMYK values of C:0.88, M:0.64, Y:0, K:0.04. Its decimal value is 1988854.

Hex triplet	1e58f6	`#1e58f6`
RGB Decimal	30, 88, 246	`rgb(30,88,246)`
RGB Percent	11.8, 34.5, 96.5	`rgb(11.8%,34.5%,96.5%)`
CMYK	88, 64, 0, 4
HSL	223.9°, 92.3, 54.1	`hsl(223.9,92.3%,54.1%)`
HSV (or HSB)	223.9°, 87.8, 96.5
Web Safe	3366ff	`#3366ff`

CIE-LAB	44.1, 41.56, -83.224
XYZ	20.656, 13.908, 88.779
xyY	0.167, 0.113, 13.908
CIE-LCH	44.1, 93.024, 296.537
CIE-LUV	44.1, -17.845, -123.708
Hunter-Lab	37.293, 33.607, -115.041
Binary	00011110, 01011000, 11110110

#1e58f6
```
#1e58f6 rgb(30,88,246)
```
#f6bc1e
```
#f6bc1e rgb(246,188,30)
```

Complementary Color

#1ec4f6
```
#1ec4f6 rgb(30,196,246)
```
#1e58f6
```
#1e58f6 rgb(30,88,246)
```
#501ef6
```
#501ef6 rgb(80,30,246)
```

Analogous Color

#c4f61e
```
#c4f61e rgb(196,246,30)
```
#1e58f6
```
#1e58f6 rgb(30,88,246)
```
#f6501e
```
#f6501e rgb(246,80,30)
```

Split Complementary Color

#58f61e
```
#58f61e rgb(88,246,30)
```
#1e58f6
```
#1e58f6 rgb(30,88,246)
```
#f61e58
```
#f61e58 rgb(246,30,88)
```

Triadic Color

#1ef6bc
```
#1ef6bc rgb(30,246,188)
```
#1e58f6
```
#1e58f6 rgb(30,88,246)
```
#f61e58
```
#f61e58 rgb(246,30,88)
```
#f6bc1e
```
#f6bc1e rgb(246,188,30)
```

Tetradic Color

#0839c0
```
#0839c0 rgb(8,57,192)
```
#0940d8
```
#0940d8 rgb(9,64,216)
```
#0a48f1
```
#0a48f1 rgb(10,72,241)
```
#1e58f6
```
#1e58f6 rgb(30,88,246)
```
#376af7
```
#376af7 rgb(55,106,247)
```
#4f7cf8
```
#4f7cf8 rgb(79,124,248)
```
#688ff9
```
#688ff9 rgb(104,143,249)
```

Monochromatic Color

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

#1e8ef6
```
#1e8ef6 rgb(30,142,246)
```
#1e7cf6
```
#1e7cf6 rgb(30,124,246)
```
#1e6af6
```
#1e6af6 rgb(30,106,246)
```
#1e58f6
```
#1e58f6 rgb(30,88,246)
```
#1e46f6
```
#1e46f6 rgb(30,70,246)
```
#1e34f6
```
#1e34f6 rgb(30,52,246)
```
#1e22f6
```
#1e22f6 rgb(30,34,246)
```

Similar Colors

Text with hexadecimal color #1e58f6

This text has a font color of #1e58f6.

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

#1e58f6 background color

This paragraph has a background color of #1e58f6.

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

#1e58f6 border color

This element has a border color of #1e58f6.

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

CSS codes

.text {color:#1e58f6;}

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

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

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 #edf2fe is the lightest one.

#000001
```
#000001 rgb(0,0,1)
```
#010614
```
#010614 rgb(1,6,20)
```
#020c27
```
#020c27 rgb(2,12,39)
```
#02113a
```
#02113a rgb(2,17,58)
```
#03174d
```
#03174d rgb(3,23,77)
```
#041c60
```
#041c60 rgb(4,28,96)
```
#052272
```
#052272 rgb(5,34,114)
```
#052885
```
#052885 rgb(5,40,133)
```
#062d98
```
#062d98 rgb(6,45,152)
```
#0733ab
```
#0733ab rgb(7,51,171)
```
#0839be
```
#0839be rgb(8,57,190)
```
#083ed1
```
#083ed1 rgb(8,62,209)
```
#0944e4
```
#0944e4 rgb(9,68,228)
```

Shade Color Variation

#0b4af5
```
#0b4af5 rgb(11,74,245)
```
#1e58f6
```
#1e58f6 rgb(30,88,246)
```
#3166f7
```
#3166f7 rgb(49,102,247)
```
#4474f8
```
#4474f8 rgb(68,116,248)
```
#5782f8
```
#5782f8 rgb(87,130,248)
```
#6990f9
```
#6990f9 rgb(105,144,249)
```
#7c9efa
```
#7c9efa rgb(124,158,250)
```
#8facfb
```
#8facfb rgb(143,172,251)
```
#a2bafb
```
#a2bafb rgb(162,186,251)
```
#b5c8fc
```
#b5c8fc rgb(181,200,252)
```
#c8d6fd
```
#c8d6fd rgb(200,214,253)
```
#dbe4fe
```
#dbe4fe rgb(219,228,254)
```
#edf2fe
```
#edf2fe rgb(237,242,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 #1e58f6 is the most saturated one.

#8a8a8a
```
#8a8a8a rgb(138,138,138)
```
#818693
```
#818693 rgb(129,134,147)
```
#78829c
```
#78829c rgb(120,130,156)
```
#6f7ea5
```
#6f7ea5 rgb(111,126,165)
```
#6679ae
```
#6679ae rgb(102,121,174)
```
#5d75b7
```
#5d75b7 rgb(93,117,183)
```
#5471c0
```
#5471c0 rgb(84,113,192)
```
#4b6dc9
```
#4b6dc9 rgb(75,109,201)
```
#4269d2
```
#4269d2 rgb(66,105,210)
```
#3965db
```
#3965db rgb(57,101,219)
```
#3060e4
```
#3060e4 rgb(48,96,228)
```
#275ced
```
#275ced rgb(39,92,237)
```
#1e58f6
```
#1e58f6 rgb(30,88,246)
```

Tone Color Variation

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

#595959 Achromatopsia 0.005% of the population
#4d5978 Atypical Achromatopsia 0.001% of the population

Dichromacy

#006cd4 Protanopia 1% of men
#0073b8 Deuteranopia 1% of men
#007b81 Tritanopia 0.001% of the population

Trichromacy

#0a65e0 Protanomaly 1% of men, 0.01% of women
#0a69ce Deuteranomaly 6% of men, 0.4% of women
#0a6eab Tritanomaly 0.01% of the population