#0458e2 hex color

In a RGB color space, hex #0458e2 is composed of 1.6% red, 34.5% green and 88.6% blue. Whereas in a CMYK color space, it is composed of 98.2% cyan, 61.1% magenta, 0% yellow and 11.4% black. It has a hue angle of 217.3 degrees, a saturation of 96.5% and a lightness of 45.1%. #0458e2 color hex could be obtained by blending #08b0ff with #0000c5. Closest websafe color is: #0066cc.

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

● #0458e2 color description : Vivid blue.

The hexadecimal color #0458e2 has RGB values of R:4, G:88, B:226 and CMYK values of C:0.98, M:0.61, Y:0, K:0.11. Its decimal value is 284898.

Hex triplet	0458e2	`#0458e2`
RGB Decimal	4, 88, 226	`rgb(4,88,226)`
RGB Percent	1.6, 34.5, 88.6	`rgb(1.6%,34.5%,88.6%)`
CMYK	98, 61, 0, 11
HSL	217.3°, 96.5, 45.1	`hsl(217.3,96.5%,45.1%)`
HSV (or HSB)	217.3°, 98.2, 88.6
Web Safe	0066cc	`#0066cc`

CIE-LAB	41.992, 33.201, -75.418
XYZ	17.264, 12.495, 73.449
xyY	0.167, 0.121, 12.495
CIE-LCH	41.992, 82.402, 293.76
CIE-LUV	41.992, -19.305, -111.233
Hunter-Lab	35.348, 25.323, -98.455
Binary	00000100, 01011000, 11100010

#0458e2
```
#0458e2 rgb(4,88,226)
```
#e28e04
```
#e28e04 rgb(226,142,4)
```

Complementary Color

#04c7e2
```
#04c7e2 rgb(4,199,226)
```
#0458e2
```
#0458e2 rgb(4,88,226)
```
#1f04e2
```
#1f04e2 rgb(31,4,226)
```

Analogous Color

#c7e204
```
#c7e204 rgb(199,226,4)
```
#0458e2
```
#0458e2 rgb(4,88,226)
```
#e21f04
```
#e21f04 rgb(226,31,4)
```

Split Complementary Color

#58e204
```
#58e204 rgb(88,226,4)
```
#0458e2
```
#0458e2 rgb(4,88,226)
```
#e20458
```
#e20458 rgb(226,4,88)
```

Triadic Color

#04e28e
```
#04e28e rgb(4,226,142)
```
#0458e2
```
#0458e2 rgb(4,88,226)
```
#e20458
```
#e20458 rgb(226,4,88)
```
#e28e04
```
#e28e04 rgb(226,142,4)
```

Tetradic Color

#033b97
```
#033b97 rgb(3,59,151)
```
#0344b0
```
#0344b0 rgb(3,68,176)
```
#044ec9
```
#044ec9 rgb(4,78,201)
```
#0458e2
```
#0458e2 rgb(4,88,226)
```
#0562fb
```
#0562fb rgb(5,98,251)
```
#1e72fb
```
#1e72fb rgb(30,114,251)
```
#3781fb
```
#3781fb rgb(55,129,251)
```

Monochromatic Color

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

#0490e2
```
#0490e2 rgb(4,144,226)
```
#047de2
```
#047de2 rgb(4,125,226)
```
#046be2
```
#046be2 rgb(4,107,226)
```
#0458e2
```
#0458e2 rgb(4,88,226)
```
#0446e2
```
#0446e2 rgb(4,70,226)
```
#0433e2
```
#0433e2 rgb(4,51,226)
```
#0421e2
```
#0421e2 rgb(4,33,226)
```

Similar Colors

Text with hexadecimal color #0458e2

This text has a font color of #0458e2.

<span style="color:#0458e2;">Text here</span>

#0458e2 background color

This paragraph has a background color of #0458e2.

<p style="background-color:#0458e2;">Content here</p>

#0458e2 border color

This element has a border color of #0458e2.

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

CSS codes

.text {color:#0458e2;}

.background {background-color:#0458e2;}

.border {border:1px solid #0458e2;}

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, #00050e is the darkest color, while #fafcff is the lightest one.

#00050e
```
#00050e rgb(0,5,14)
```
#010d21
```
#010d21 rgb(1,13,33)
```
#011435
```
#011435 rgb(1,20,53)
```
#011c48
```
#011c48 rgb(1,28,72)
```
#02235b
```
#02235b rgb(2,35,91)
```
#022b6e
```
#022b6e rgb(2,43,110)
```
#023282
```
#023282 rgb(2,50,130)
```
#033a95
```
#033a95 rgb(3,58,149)
```
#0341a8
```
#0341a8 rgb(3,65,168)
```
#0349bb
```
#0349bb rgb(3,73,187)
```
#0450cf
```
#0450cf rgb(4,80,207)
```
#0458e2
```
#0458e2 rgb(4,88,226)
```
#0460f5
```
#0460f5 rgb(4,96,245)
```

Shade Color Variation

#126afb
```
#126afb rgb(18,106,251)
```
#2676fb
```
#2676fb rgb(38,118,251)
```
#3983fb
```
#3983fb rgb(57,131,251)
```
#4c8ffc
```
#4c8ffc rgb(76,143,252)
```
#609bfc
```
#609bfc rgb(96,155,252)
```
#73a7fd
```
#73a7fd rgb(115,167,253)
```
#86b3fd
```
#86b3fd rgb(134,179,253)
```
#99bffd
```
#99bffd rgb(153,191,253)
```
#adcbfe
```
#adcbfe rgb(173,203,254)
```
#c0d7fe
```
#c0d7fe rgb(192,215,254)
```
#d3e3fe
```
#d3e3fe rgb(211,227,254)
```
#e6f0ff
```
#e6f0ff rgb(230,240,255)
```
#fafcff
```
#fafcff rgb(250,252,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #6e7278 is the less saturated color, while #0458e2 is the most saturated one.

#6e7278
```
#6e7278 rgb(110,114,120)
```
#657081
```
#657081 rgb(101,112,129)
```
#5c6e8a
```
#5c6e8a rgb(92,110,138)
```
#546b92
```
#546b92 rgb(84,107,146)
```
#4b699b
```
#4b699b rgb(75,105,155)
```
#4267a4
```
#4267a4 rgb(66,103,164)
```
#3965ad
```
#3965ad rgb(57,101,173)
```
#3063b6
```
#3063b6 rgb(48,99,182)
```
#2761bf
```
#2761bf rgb(39,97,191)
```
#1f5ec7
```
#1f5ec7 rgb(31,94,199)
```
#165cd0
```
#165cd0 rgb(22,92,208)
```
#0d5ad9
```
#0d5ad9 rgb(13,90,217)
```
#0458e2
```
#0458e2 rgb(4,88,226)
```

Tone Color Variation

Below, you can see how #0458e2 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

#4f4f4f Achromatopsia 0.005% of the population
#40516c Atypical Achromatopsia 0.001% of the population

Dichromacy

#0068cb Protanopia 1% of men
#006db0 Deuteranopia 1% of men
#00757b Tritanopia 0.001% of the population

Trichromacy

#0162d3 Protanomaly 1% of men, 0.01% of women
#0165c2 Deuteranomaly 6% of men, 0.4% of women
#016ba0 Tritanomaly 0.01% of the population

#0458e2 hex color

#0458e2 Color Information

#0458e2 Color Conversion

Color Schemes with #0458e2

Alternatives to #0458e2

#0458e2 Preview

Shades and Tints of #0458e2

Tones of #0458e2

Color Blindness Simulator