#1a58e4 hex color

In a RGB color space, hex #1a58e4 is composed of 10.2% red, 34.5% green and 89.4% blue. Whereas in a CMYK color space, it is composed of 88.6% cyan, 61.4% magenta, 0% yellow and 10.6% black. It has a hue angle of 221.6 degrees, a saturation of 79.5% and a lightness of 49.8%. #1a58e4 color hex could be obtained by blending #34b0ff with #0000c9. Closest websafe color is: #3366cc.

♥
- f
- t
- g
- R 10
- G 35
- B 89
RGB color chart
- C 89
- M 61
- Y 0
- K 11
CMYK color chart

● #1a58e4 color description : Vivid blue.

The hexadecimal color #1a58e4 has RGB values of R:26, G:88, B:228 and CMYK values of C:0.89, M:0.61, Y:0, K:0.11. Its decimal value is 1726692.

Hex triplet	1a58e4	`#1a58e4`
RGB Decimal	26, 88, 228	`rgb(26,88,228)`
RGB Percent	10.2, 34.5, 89.4	`rgb(10.2%,34.5%,89.4%)`
CMYK	89, 61, 0, 11
HSL	221.6°, 79.5, 49.8	`hsl(221.6,79.5%,49.8%)`
HSV (or HSB)	221.6°, 88.6, 89.4
Web Safe	3366cc	`#3366cc`

CIE-LAB	42.459, 34.709, -75.776
XYZ	17.916, 12.799, 74.921
xyY	0.17, 0.121, 12.799
CIE-LCH	42.459, 83.347, 294.61
CIE-LUV	42.459, -18.195, -112.228
Hunter-Lab	35.776, 26.785, -99.121
Binary	00011010, 01011000, 11100100

#1a58e4
```
#1a58e4 rgb(26,88,228)
```
#e4a61a
```
#e4a61a rgb(228,166,26)
```

Complementary Color

#1abde4
```
#1abde4 rgb(26,189,228)
```
#1a58e4
```
#1a58e4 rgb(26,88,228)
```
#411ae4
```
#411ae4 rgb(65,26,228)
```

Analogous Color

#bde41a
```
#bde41a rgb(189,228,26)
```
#1a58e4
```
#1a58e4 rgb(26,88,228)
```
#e4411a
```
#e4411a rgb(228,65,26)
```

Split Complementary Color

#58e41a
```
#58e41a rgb(88,228,26)
```
#1a58e4
```
#1a58e4 rgb(26,88,228)
```
#e41a58
```
#e41a58 rgb(228,26,88)
```

Triadic Color

#1ae4a6
```
#1ae4a6 rgb(26,228,166)
```
#1a58e4
```
#1a58e4 rgb(26,88,228)
```
#e41a58
```
#e41a58 rgb(228,26,88)
```
#e4a61a
```
#e4a61a rgb(228,166,26)
```

Tetradic Color

#123d9f
```
#123d9f rgb(18,61,159)
```
#1546b6
```
#1546b6 rgb(21,70,182)
```
#174fcd
```
#174fcd rgb(23,79,205)
```
#1a58e4
```
#1a58e4 rgb(26,88,228)
```
#3068e7
```
#3068e7 rgb(48,104,231)
```
#4779ea
```
#4779ea rgb(71,121,234)
```
#5e8aed
```
#5e8aed rgb(94,138,237)
```

Monochromatic Color

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

#1a8be4
```
#1a8be4 rgb(26,139,228)
```
#1a7ae4
```
#1a7ae4 rgb(26,122,228)
```
#1a69e4
```
#1a69e4 rgb(26,105,228)
```
#1a58e4
```
#1a58e4 rgb(26,88,228)
```
#1a47e4
```
#1a47e4 rgb(26,71,228)
```
#1a36e4
```
#1a36e4 rgb(26,54,228)
```
#1a26e4
```
#1a26e4 rgb(26,38,228)
```

Similar Colors

Text with hexadecimal color #1a58e4

This text has a font color of #1a58e4.

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

#1a58e4 background color

This paragraph has a background color of #1a58e4.

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

#1a58e4 border color

This element has a border color of #1a58e4.

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

CSS codes

.text {color:#1a58e4;}

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

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

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

#020611
```
#020611 rgb(2,6,17)
```
#040d22
```
#040d22 rgb(4,13,34)
```
#061434
```
#061434 rgb(6,20,52)
```
#081b46
```
#081b46 rgb(8,27,70)
```
#0a2257
```
#0a2257 rgb(10,34,87)
```
#0c2869
```
#0c2869 rgb(12,40,105)
```
#0e2f7a
```
#0e2f7a rgb(14,47,122)
```
#10368c
```
#10368c rgb(16,54,140)
```
#123d9e
```
#123d9e rgb(18,61,158)
```
#1444af
```
#1444af rgb(20,68,175)
```
#164ac1
```
#164ac1 rgb(22,74,193)
```
#1851d2
```
#1851d2 rgb(24,81,210)
```
#1a58e4
```
#1a58e4 rgb(26,88,228)
```

Shade Color Variation

#2b65e7
```
#2b65e7 rgb(43,101,231)
```
#3c71e9
```
#3c71e9 rgb(60,113,233)
```
#4e7eeb
```
#4e7eeb rgb(78,126,235)
```
#608bed
```
#608bed rgb(96,139,237)
```
#7198ef
```
#7198ef rgb(113,152,239)
```
#83a5f1
```
#83a5f1 rgb(131,165,241)
```
#94b1f3
```
#94b1f3 rgb(148,177,243)
```
#a6bef5
```
#a6bef5 rgb(166,190,245)
```
#b8cbf7
```
#b8cbf7 rgb(184,203,247)
```
#c9d8f9
```
#c9d8f9 rgb(201,216,249)
```
#dbe5fb
```
#dbe5fb rgb(219,229,251)
```
#ecf2fd
```
#ecf2fd rgb(236,242,253)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #7c7e82 is the less saturated color, while #0650f8 is the most saturated one.

#7c7e82
```
#7c7e82 rgb(124,126,130)
```
#727a8c
```
#727a8c rgb(114,122,140)
```
#687696
```
#687696 rgb(104,118,150)
```
#5e72a0
```
#5e72a0 rgb(94,114,160)
```
#556fa9
```
#556fa9 rgb(85,111,169)
```
#4b6bb3
```
#4b6bb3 rgb(75,107,179)
```
#4167bd
```
#4167bd rgb(65,103,189)
```
#3763c7
```
#3763c7 rgb(55,99,199)
```
#2e60d0
```
#2e60d0 rgb(46,96,208)
```
#245cda
```
#245cda rgb(36,92,218)
```
#1a58e4
```
#1a58e4 rgb(26,88,228)
```
#1054ee
```
#1054ee rgb(16,84,238)
```
#0650f8
```
#0650f8 rgb(6,80,248)
```

Tone Color Variation

Below, you can see how #1a58e4 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
#495672 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0069cd Protanopia 1% of men
#006fb2 Deuteranopia 1% of men
#00777d Tritanopia 0.001% of the population

Trichromacy

#0962d5 Protanomaly 1% of men, 0.01% of women
#0966c4 Deuteranomaly 6% of men, 0.4% of women
#096ba2 Tritanomaly 0.01% of the population

#1a58e4 hex color

#1a58e4 Color Information

#1a58e4 Color Conversion

Color Schemes with #1a58e4

Alternatives to #1a58e4

#1a58e4 Preview

Shades and Tints of #1a58e4

Tones of #1a58e4

Color Blindness Simulator