#1458ff hex color

In a RGB color space, hex #1458ff is composed of 7.8% red, 34.5% green and 100% blue. Whereas in a CMYK color space, it is composed of 92.2% cyan, 65.5% magenta, 0% yellow and 0% black. It has a hue angle of 222.6 degrees, a saturation of 100% and a lightness of 53.9%. #1458ff color hex could be obtained by blending #28b0ff with #0000ff. Closest websafe color is: #0066ff.

♥
- f
- t
- g
- R 8
- G 35
- B 100
RGB color chart
- C 92
- M 65
- Y 0
- K 0
CMYK color chart

● #1458ff color description : Vivid blue.

The hexadecimal color #1458ff has RGB values of R:20, G:88, B:255 and CMYK values of C:0.92, M:0.65, Y:0, K:0. Its decimal value is 1333503.

Hex triplet	1458ff	`#1458ff`
RGB Decimal	20, 88, 255	`rgb(20,88,255)`
RGB Percent	7.8, 34.5, 100	`rgb(7.8%,34.5%,100%)`
CMYK	92, 65, 0, 0
HSL	222.6°, 100, 53.9	`hsl(222.6,100%,53.9%)`
HSV (or HSB)	222.6°, 92.2, 100
Web Safe	0066ff	`#0066ff`

CIE-LAB	44.726, 44.428, -87.226
XYZ	21.824, 14.346, 96.221
xyY	0.165, 0.108, 14.346
CIE-LCH	44.726, 97.889, 296.992
CIE-LUV	44.726, -18.475, -129.496
Hunter-Lab	37.877, 36.567, -124.106
Binary	00010100, 01011000, 11111111

#1458ff
```
#1458ff rgb(20,88,255)
```
#ffbb14
```
#ffbb14 rgb(255,187,20)
```

Complementary Color

#14ceff
```
#14ceff rgb(20,206,255)
```
#1458ff
```
#1458ff rgb(20,88,255)
```
#4514ff
```
#4514ff rgb(69,20,255)
```

Analogous Color

#ceff14
```
#ceff14 rgb(206,255,20)
```
#1458ff
```
#1458ff rgb(20,88,255)
```
#ff4514
```
#ff4514 rgb(255,69,20)
```

Split Complementary Color

#58ff14
```
#58ff14 rgb(88,255,20)
```
#1458ff
```
#1458ff rgb(20,88,255)
```
#ff1458
```
#ff1458 rgb(255,20,88)
```

Triadic Color

#14ffbb
```
#14ffbb rgb(20,255,187)
```
#1458ff
```
#1458ff rgb(20,88,255)
```
#ff1458
```
#ff1458 rgb(255,20,88)
```
#ffbb14
```
#ffbb14 rgb(255,187,20)
```

Tetradic Color

#0039c7
```
#0039c7 rgb(0,57,199)
```
#0041e0
```
#0041e0 rgb(0,65,224)
```
#0048fa
```
#0048fa rgb(0,72,250)
```
#1458ff
```
#1458ff rgb(20,88,255)
```
#2e6aff
```
#2e6aff rgb(46,106,255)
```
#477cff
```
#477cff rgb(71,124,255)
```
#618eff
```
#618eff rgb(97,142,255)
```

Monochromatic Color

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

#1493ff
```
#1493ff rgb(20,147,255)
```
#147fff
```
#147fff rgb(20,127,255)
```
#146cff
```
#146cff rgb(20,108,255)
```
#1458ff
```
#1458ff rgb(20,88,255)
```
#1444ff
```
#1444ff rgb(20,68,255)
```
#1431ff
```
#1431ff rgb(20,49,255)
```
#141dff
```
#141dff rgb(20,29,255)
```

Similar Colors

Text with hexadecimal color #1458ff

This text has a font color of #1458ff.

<span style="color:#1458ff;">Text here</span>

#1458ff background color

This paragraph has a background color of #1458ff.

<p style="background-color:#1458ff;">Content here</p>

#1458ff border color

This element has a border color of #1458ff.

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

CSS codes

.text {color:#1458ff;}

.background {background-color:#1458ff;}

.border {border:1px solid #1458ff;}

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

#000000
```
#000000 rgb(0,0,0)
```
#000614
```
#000614 rgb(0,6,20)
```
#000b28
```
#000b28 rgb(0,11,40)
```
#00113b
```
#00113b rgb(0,17,59)
```
#00174f
```
#00174f rgb(0,23,79)
```
#001c62
```
#001c62 rgb(0,28,98)
```
#002276
```
#002276 rgb(0,34,118)
```
#00288a
```
#00288a rgb(0,40,138)
```
#002e9d
```
#002e9d rgb(0,46,157)
```
#0033b1
```
#0033b1 rgb(0,51,177)
```
#0039c5
```
#0039c5 rgb(0,57,197)
```
#003fd8
```
#003fd8 rgb(0,63,216)
```
#0044ec
```
#0044ec rgb(0,68,236)
```

Shade Color Variation

#004aff
```
#004aff rgb(0,74,255)
```
#1458ff
```
#1458ff rgb(20,88,255)
```
#2866ff
```
#2866ff rgb(40,102,255)
```
#3b74ff
```
#3b74ff rgb(59,116,255)
```
#4f82ff
```
#4f82ff rgb(79,130,255)
```
#6290ff
```
#6290ff rgb(98,144,255)
```
#769eff
```
#769eff rgb(118,158,255)
```
#8aacff
```
#8aacff rgb(138,172,255)
```
#9dbaff
```
#9dbaff rgb(157,186,255)
```
#b1c8ff
```
#b1c8ff rgb(177,200,255)
```
#c5d5ff
```
#c5d5ff rgb(197,213,255)
```
#d8e3ff
```
#d8e3ff rgb(216,227,255)
```
#ecf1ff
```
#ecf1ff rgb(236,241,255)
```

Tint Color Variation

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

#808693
```
#808693 rgb(128,134,147)
```
#77829c
```
#77829c rgb(119,130,156)
```
#6e7ea5
```
#6e7ea5 rgb(110,126,165)
```
#657aae
```
#657aae rgb(101,122,174)
```
#5c76b7
```
#5c76b7 rgb(92,118,183)
```
#5373c0
```
#5373c0 rgb(83,115,192)
```
#4a6fc9
```
#4a6fc9 rgb(74,111,201)
```
#416bd2
```
#416bd2 rgb(65,107,210)
```
#3867db
```
#3867db rgb(56,103,219)
```
#2f63e4
```
#2f63e4 rgb(47,99,228)
```
#2660ed
```
#2660ed rgb(38,96,237)
```
#1d5cf6
```
#1d5cf6 rgb(29,92,246)
```
#1458ff
```
#1458ff rgb(20,88,255)
```

Tone Color Variation

Below, you can see how #1458ff 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

#575757 Achromatopsia 0.005% of the population
#4a5779 Atypical Achromatopsia 0.001% of the population

Dichromacy

#006ed6 Protanopia 1% of men
#0074ba Deuteranopia 1% of men
#007c82 Tritanopia 0.001% of the population

Trichromacy

#0766e5 Protanomaly 1% of men, 0.01% of women
#076ad3 Deuteranomaly 6% of men, 0.4% of women
#076faf Tritanomaly 0.01% of the population

#1458ff hex color

#1458ff Color Information

#1458ff Color Conversion

Color Schemes with #1458ff

Alternatives to #1458ff

#1458ff Preview

Shades and Tints of #1458ff

Tones of #1458ff

Color Blindness Simulator