#0058d4 hex color

In a RGB color space, hex #0058d4 is composed of 0% red, 34.5% green and 83.1% blue. Whereas in a CMYK color space, it is composed of 100% cyan, 58.5% magenta, 0% yellow and 16.9% black. It has a hue angle of 215.1 degrees, a saturation of 100% and a lightness of 41.6%. #0058d4 color hex could be obtained by blending #00b0ff with #0000a9. Closest websafe color is: #0066cc.

♥
- f
- t
- g
- R 0
- G 35
- B 83
RGB color chart
- C 100
- M 58
- Y 0
- K 17
CMYK color chart

● #0058d4 color description : Strong blue.

The hexadecimal color #0058d4 has RGB values of R:0, G:88, B:212 and CMYK values of C:1, M:0.58, Y:0, K:0.17. Its decimal value is 22740.

Hex triplet	0058d4	`#0058d4`
RGB Decimal	0, 88, 212	`rgb(0,88,212)`
RGB Percent	0, 34.5, 83.1	`rgb(0%,34.5%,83.1%)`
CMYK	100, 58, 0, 17
HSL	215.1°, 100, 41.6	`hsl(215.1,100%,41.6%)`
HSV (or HSB)	215.1°, 100, 83.1
Web Safe	0066cc	`#0066cc`

CIE-LAB	40.786, 27.642, -69.398
XYZ	15.371, 11.732, 63.738
xyY	0.169, 0.129, 11.732
CIE-LCH	40.786, 74.7, 291.718
CIE-LUV	40.786, -19.684, -101.984
Hunter-Lab	34.251, 20.165, -86.356
Binary	00000000, 01011000, 11010100

#0058d4
```
#0058d4 rgb(0,88,212)
```
#d47c00
```
#d47c00 rgb(212,124,0)
```

Complementary Color

#00c2d4
```
#00c2d4 rgb(0,194,212)
```
#0058d4
```
#0058d4 rgb(0,88,212)
```
#1200d4
```
#1200d4 rgb(18,0,212)
```

Analogous Color

#c2d400
```
#c2d400 rgb(194,212,0)
```
#0058d4
```
#0058d4 rgb(0,88,212)
```
#d41200
```
#d41200 rgb(212,18,0)
```

Split Complementary Color

#58d400
```
#58d400 rgb(88,212,0)
```
#0058d4
```
#0058d4 rgb(0,88,212)
```
#d40058
```
#d40058 rgb(212,0,88)
```

Triadic Color

#00d47c
```
#00d47c rgb(0,212,124)
```
#0058d4
```
#0058d4 rgb(0,88,212)
```
#d40058
```
#d40058 rgb(212,0,88)
```
#d47c00
```
#d47c00 rgb(212,124,0)
```

Tetradic Color

#003888
```
#003888 rgb(0,56,136)
```
#0043a1
```
#0043a1 rgb(0,67,161)
```
#004dbb
```
#004dbb rgb(0,77,187)
```
#0058d4
```
#0058d4 rgb(0,88,212)
```
#0063ee
```
#0063ee rgb(0,99,238)
```
#086fff
```
#086fff rgb(8,111,255)
```
#227dff
```
#227dff rgb(34,125,255)
```

Monochromatic Color

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

#008dd4
```
#008dd4 rgb(0,141,212)
```
#007bd4
```
#007bd4 rgb(0,123,212)
```
#006ad4
```
#006ad4 rgb(0,106,212)
```
#0058d4
```
#0058d4 rgb(0,88,212)
```
#0046d4
```
#0046d4 rgb(0,70,212)
```
#0035d4
```
#0035d4 rgb(0,53,212)
```
#0023d4
```
#0023d4 rgb(0,35,212)
```

Similar Colors

Text with hexadecimal color #0058d4

This text has a font color of #0058d4.

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

#0058d4 background color

This paragraph has a background color of #0058d4.

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

#0058d4 border color

This element has a border color of #0058d4.

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

CSS codes

.text {color:#0058d4;}

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

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

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

#000710
```
#000710 rgb(0,7,16)
```
#000f23
```
#000f23 rgb(0,15,35)
```
#001737
```
#001737 rgb(0,23,55)
```
#001f4b
```
#001f4b rgb(0,31,75)
```
#00275e
```
#00275e rgb(0,39,94)
```
#002f72
```
#002f72 rgb(0,47,114)
```
#003786
```
#003786 rgb(0,55,134)
```
#004099
```
#004099 rgb(0,64,153)
```
#0048ad
```
#0048ad rgb(0,72,173)
```
#0050c0
```
#0050c0 rgb(0,80,192)
```
#0058d4
```
#0058d4 rgb(0,88,212)
```
#0060e8
```
#0060e8 rgb(0,96,232)
```
#0068fb
```
#0068fb rgb(0,104,251)
```

Shade Color Variation

#1073ff
```
#1073ff rgb(16,115,255)
```
#237fff
```
#237fff rgb(35,127,255)
```
#378aff
```
#378aff rgb(55,138,255)
```
#4b96ff
```
#4b96ff rgb(75,150,255)
```
#5ea1ff
```
#5ea1ff rgb(94,161,255)
```
#72acff
```
#72acff rgb(114,172,255)
```
#86b8ff
```
#86b8ff rgb(134,184,255)
```
#99c3ff
```
#99c3ff rgb(153,195,255)
```
#adcfff
```
#adcfff rgb(173,207,255)
```
#c0daff
```
#c0daff rgb(192,218,255)
```
#d4e6ff
```
#d4e6ff rgb(212,230,255)
```
#e8f1ff
```
#e8f1ff rgb(232,241,255)
```
#fbfdff
```
#fbfdff rgb(251,253,255)
```

Tint Color Variation

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

#626972
```
#626972 rgb(98,105,114)
```
#5a677a
```
#5a677a rgb(90,103,122)
```
#526682
```
#526682 rgb(82,102,130)
```
#49648b
```
#49648b rgb(73,100,139)
```
#416393
```
#416393 rgb(65,99,147)
```
#39629b
```
#39629b rgb(57,98,155)
```
#3160a3
```
#3160a3 rgb(49,96,163)
```
#295fab
```
#295fab rgb(41,95,171)
```
#215eb3
```
#215eb3 rgb(33,94,179)
```
#185cbc
```
#185cbc rgb(24,92,188)
```
#105bc4
```
#105bc4 rgb(16,91,196)
```
#0859cc
```
#0859cc rgb(8,89,204)
```
#0058d4
```
#0058d4 rgb(0,88,212)
```

Tone Color Variation

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

#4c4c4c Achromatopsia 0.005% of the population
#3d4e67 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0065c6 Protanopia 1% of men
#006bac Deuteranopia 1% of men
#007278 Tritanopia 0.001% of the population

Trichromacy

#0060cb Protanomaly 1% of men, 0.01% of women
#0064ba Deuteranomaly 6% of men, 0.4% of women
#006999 Tritanomaly 0.01% of the population

#0058d4 hex color

#0058d4 Color Information

#0058d4 Color Conversion

Color Schemes with #0058d4

Alternatives to #0058d4

#0058d4 Preview

Shades and Tints of #0058d4

Tones of #0058d4

Color Blindness Simulator