#0058e0 hex color

In a RGB color space, hex #0058e0 is composed of 0% red, 34.5% green and 87.8% blue. Whereas in a CMYK color space, it is composed of 100% cyan, 60.7% magenta, 0% yellow and 12.2% black. It has a hue angle of 216.4 degrees, a saturation of 100% and a lightness of 43.9%. #0058e0 color hex could be obtained by blending #00b0ff with #0000c1. Closest websafe color is: #0066cc.

♥
- f
- t
- g
- R 0
- G 35
- B 88
RGB color chart
- C 100
- M 61
- Y 0
- K 12
CMYK color chart

● #0058e0 color description : Pure (or mostly pure) blue.

The hexadecimal color #0058e0 has RGB values of R:0, G:88, B:224 and CMYK values of C:1, M:0.61, Y:0, K:0.12. Its decimal value is 22752.

Hex triplet	0058e0	`#0058e0`
RGB Decimal	0, 88, 224	`rgb(0,88,224)`
RGB Percent	0, 34.5, 87.8	`rgb(0%,34.5%,87.8%)`
CMYK	100, 61, 0, 12
HSL	216.4°, 100, 43.9	`hsl(216.4,100%,43.9%)`
HSV (or HSB)	216.4°, 100, 87.8
Web Safe	0066cc	`#0066cc`

CIE-LAB	41.782, 32.327, -74.626
XYZ	16.941, 12.36, 72.01
xyY	0.167, 0.122, 12.36
CIE-LCH	41.782, 81.327, 293.422
CIE-LUV	41.782, -19.48, -109.965
Hunter-Lab	35.156, 24.493, -96.832
Binary	00000000, 01011000, 11100000

#0058e0
```
#0058e0 rgb(0,88,224)
```
#e08800
```
#e08800 rgb(224,136,0)
```

Complementary Color

#00c8e0
```
#00c8e0 rgb(0,200,224)
```
#0058e0
```
#0058e0 rgb(0,88,224)
```
#1800e0
```
#1800e0 rgb(24,0,224)
```

Analogous Color

#c8e000
```
#c8e000 rgb(200,224,0)
```
#0058e0
```
#0058e0 rgb(0,88,224)
```
#e01800
```
#e01800 rgb(224,24,0)
```

Split Complementary Color

#58e000
```
#58e000 rgb(88,224,0)
```
#0058e0
```
#0058e0 rgb(0,88,224)
```
#e00058
```
#e00058 rgb(224,0,88)
```

Triadic Color

#00e088
```
#00e088 rgb(0,224,136)
```
#0058e0
```
#0058e0 rgb(0,88,224)
```
#e00058
```
#e00058 rgb(224,0,88)
```
#e08800
```
#e08800 rgb(224,136,0)
```

Tetradic Color

#003a94
```
#003a94 rgb(0,58,148)
```
#0044ad
```
#0044ad rgb(0,68,173)
```
#004ec7
```
#004ec7 rgb(0,78,199)
```
#0058e0
```
#0058e0 rgb(0,88,224)
```
#0062fa
```
#0062fa rgb(0,98,250)
```
#1470ff
```
#1470ff rgb(20,112,255)
```
#2e80ff
```
#2e80ff rgb(46,128,255)
```

Monochromatic Color

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

#0090e0
```
#0090e0 rgb(0,144,224)
```
#007de0
```
#007de0 rgb(0,125,224)
```
#006be0
```
#006be0 rgb(0,107,224)
```
#0058e0
```
#0058e0 rgb(0,88,224)
```
#0045e0
```
#0045e0 rgb(0,69,224)
```
#0033e0
```
#0033e0 rgb(0,51,224)
```
#0020e0
```
#0020e0 rgb(0,32,224)
```

Similar Colors

Text with hexadecimal color #0058e0

This text has a font color of #0058e0.

<span style="color:#0058e0;">Text here</span>

#0058e0 background color

This paragraph has a background color of #0058e0.

<p style="background-color:#0058e0;">Content here</p>

#0058e0 border color

This element has a border color of #0058e0.

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

CSS codes

.text {color:#0058e0;}

.background {background-color:#0058e0;}

.border {border:1px solid #0058e0;}

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

#000308
```
#000308 rgb(0,3,8)
```
#000b1c
```
#000b1c rgb(0,11,28)
```
#00132f
```
#00132f rgb(0,19,47)
```
#001a43
```
#001a43 rgb(0,26,67)
```
#002257
```
#002257 rgb(0,34,87)
```
#002a6a
```
#002a6a rgb(0,42,106)
```
#00317e
```
#00317e rgb(0,49,126)
```
#003992
```
#003992 rgb(0,57,146)
```
#0041a5
```
#0041a5 rgb(0,65,165)
```
#0049b9
```
#0049b9 rgb(0,73,185)
```
#0050cc
```
#0050cc rgb(0,80,204)
```
#0058e0
```
#0058e0 rgb(0,88,224)
```
#0060f4
```
#0060f4 rgb(0,96,244)
```

Shade Color Variation

#0869ff
```
#0869ff rgb(8,105,255)
```
#1c75ff
```
#1c75ff rgb(28,117,255)
```
#2f81ff
```
#2f81ff rgb(47,129,255)
```
#438dff
```
#438dff rgb(67,141,255)
```
#5799ff
```
#5799ff rgb(87,153,255)
```
#6aa5ff
```
#6aa5ff rgb(106,165,255)
```
#7eb1ff
```
#7eb1ff rgb(126,177,255)
```
#92bdff
```
#92bdff rgb(146,189,255)
```
#a5c8ff
```
#a5c8ff rgb(165,200,255)
```
#b9d4ff
```
#b9d4ff rgb(185,212,255)
```
#cce0ff
```
#cce0ff rgb(204,224,255)
```
#e0ecff
```
#e0ecff rgb(224,236,255)
```
#f4f8ff
```
#f4f8ff rgb(244,248,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #676e79 is the less saturated color, while #0058e0 is the most saturated one.

#676e79
```
#676e79 rgb(103,110,121)
```
#5f6c81
```
#5f6c81 rgb(95,108,129)
```
#566a8a
```
#566a8a rgb(86,106,138)
```
#4e6992
```
#4e6992 rgb(78,105,146)
```
#45679b
```
#45679b rgb(69,103,155)
```
#3c65a4
```
#3c65a4 rgb(60,101,164)
```
#3463ac
```
#3463ac rgb(52,99,172)
```
#2b61b5
```
#2b61b5 rgb(43,97,181)
```
#225fbe
```
#225fbe rgb(34,95,190)
```
#1a5ec6
```
#1a5ec6 rgb(26,94,198)
```
#115ccf
```
#115ccf rgb(17,92,207)
```
#095ad7
```
#095ad7 rgb(9,90,215)
```
#0058e0
```
#0058e0 rgb(0,88,224)
```

Tone Color Variation

Below, you can see how #0058e0 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

#4d4d4d Achromatopsia 0.005% of the population
#3e4f6a Atypical Achromatopsia 0.001% of the population

Dichromacy

#0067ca Protanopia 1% of men
#006daf Deuteranopia 1% of men
#00757b Tritanopia 0.001% of the population

Trichromacy

#0061d2 Protanomaly 1% of men, 0.01% of women
#0065c1 Deuteranomaly 6% of men, 0.4% of women
#006a9f Tritanomaly 0.01% of the population

#0058e0 hex color

#0058e0 Color Information

#0058e0 Color Conversion

Color Schemes with #0058e0

Alternatives to #0058e0

#0058e0 Preview

Shades and Tints of #0058e0

Tones of #0058e0

Color Blindness Simulator