colorhexa.com

#058ec8 hex color

In a RGB color space, hex #058ec8 is composed of 2% red, 55.7% green and 78.4% blue. Whereas in a CMYK color space, it is composed of 97.5% cyan, 29% magenta, 0% yellow and 21.6% black. It has a hue angle of 197.8 degrees, a saturation of 95.1% and a lightness of 40.2%. #058ec8 color hex could be obtained by blending #0affff with #001d91. Closest websafe color is: #0099cc.

- R 2
- G 56
- B 78
RGB color chart
- C 98
- M 29
- Y 0
- K 22
CMYK color chart

● #058ec8 color description : Strong blue.

The hexadecimal color #058ec8 has RGB values of R:5, G:142, B:200 and CMYK values of C:0.98, M:0.29, Y:0, K:0.22. Its decimal value is 364232.

Hex triplet	058ec8	`#058ec8`
RGB Decimal	5, 142, 200	`rgb(5,142,200)`
RGB Percent	2, 55.7, 78.4	`rgb(2%,55.7%,78.4%)`
CMYK	98, 29, 0, 22
HSL	197.8°, 95.1, 40.2	`hsl(197.8,95.1%,40.2%)`
HSV (or HSB)	197.8°, 97.5, 78.4
Web Safe	0099cc	`#0099cc`

CIE-LAB	55.631, -10.576, -38.739
XYZ	20.158, 23.546, 58.123
xyY	0.198, 0.231, 23.546
CIE-LCH	55.631, 40.157, 254.73
CIE-LUV	55.631, -36.612, -58.89
Hunter-Lab	48.525, -10.765, -37.05
Binary	00000101, 10001110, 11001000

#058ec8
```
#058ec8 rgb(5,142,200)
```
#c83f05
```
#c83f05 rgb(200,63,5)
```

Complementary Color

#05c8a1
```
#05c8a1 rgb(5,200,161)
```
#058ec8
```
#058ec8 rgb(5,142,200)
```
#052dc8
```
#052dc8 rgb(5,45,200)
```

Analogous Color

#c8a105
```
#c8a105 rgb(200,161,5)
```
#058ec8
```
#058ec8 rgb(5,142,200)
```
#c8052d
```
#c8052d rgb(200,5,45)
```

Split Complementary Color

#8ec805
```
#8ec805 rgb(142,200,5)
```
#058ec8
```
#058ec8 rgb(5,142,200)
```
#c8058e
```
#c8058e rgb(200,5,142)
```

Triadic Color

#03597d
```
#03597d rgb(3,89,125)
```
#046b96
```
#046b96 rgb(4,107,150)
```
#047caf
```
#047caf rgb(4,124,175)
```
#058ec8
```
#058ec8 rgb(5,142,200)
```
#06a0e1
```
#06a0e1 rgb(6,160,225)
```
#07b1f9
```
#07b1f9 rgb(7,177,249)
```
#20b9f9
```
#20b9f9 rgb(32,185,249)
```

Monochromatic Color

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

#05bfc8
```
#05bfc8 rgb(5,191,200)
```
#05afc8
```
#05afc8 rgb(5,175,200)
```
#059ec8
```
#059ec8 rgb(5,158,200)
```
#058ec8
```
#058ec8 rgb(5,142,200)
```
#057ec8
```
#057ec8 rgb(5,126,200)
```
#056ec8
```
#056ec8 rgb(5,110,200)
```
#055dc8
```
#055dc8 rgb(5,93,200)
```

Similar Colors

Text with hexadecimal color #058ec8

This text has a font color of #058ec8.

<span style="color:#058ec8;">Text here</span>

#058ec8 background color

This paragraph has a background color of #058ec8.

<p style="background-color:#058ec8;">Content here</p>

#058ec8 border color

This element has a border color of #058ec8.

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

CSS codes

.text {color:#058ec8;}

.background {background-color:#058ec8;}

.border {border:1px solid #058ec8;}

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

#000609
```
#000609 rgb(0,6,9)
```
#01141c
```
#01141c rgb(1,20,28)
```
#01212f
```
#01212f rgb(1,33,47)
```
#022f42
```
#022f42 rgb(2,47,66)
```
#023c55
```
#023c55 rgb(2,60,85)
```
#034a68
```
#034a68 rgb(3,74,104)
```
#03587b
```
#03587b rgb(3,88,123)
```
#04658f
```
#04658f rgb(4,101,143)
```
#0473a2
```
#0473a2 rgb(4,115,162)
```
#0580b5
```
#0580b5 rgb(5,128,181)
```
#058ec8
```
#058ec8 rgb(5,142,200)
```
#059cdb
```
#059cdb rgb(5,156,219)
```
#06a9ee
```
#06a9ee rgb(6,169,238)
```

Shade Color Variation

#0fb3f9
```
#0fb3f9 rgb(15,179,249)
```
#22b9f9
```
#22b9f9 rgb(34,185,249)
```
#35bffa
```
#35bffa rgb(53,191,250)
```
#48c5fa
```
#48c5fa rgb(72,197,250)
```
#5bcbfb
```
#5bcbfb rgb(91,203,251)
```
#6fd1fb
```
#6fd1fb rgb(111,209,251)
```
#82d8fc
```
#82d8fc rgb(130,216,252)
```
#95defc
```
#95defc rgb(149,222,252)
```
#a8e4fd
```
#a8e4fd rgb(168,228,253)
```
#bbeafd
```
#bbeafd rgb(187,234,253)
```
#cef0fe
```
#cef0fe rgb(206,240,254)
```
#e1f6fe
```
#e1f6fe rgb(225,246,254)
```
#f4fcff
```
#f4fcff rgb(244,252,255)
```

Tint Color Variation

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

#646869
```
#646869 rgb(100,104,105)
```
#5c6b71
```
#5c6b71 rgb(92,107,113)
```
#546e79
```
#546e79 rgb(84,110,121)
```
#4c7181
```
#4c7181 rgb(76,113,129)
```
#447489
```
#447489 rgb(68,116,137)
```
#3c7891
```
#3c7891 rgb(60,120,145)
```
#347b99
```
#347b99 rgb(52,123,153)
```
#2c7ea1
```
#2c7ea1 rgb(44,126,161)
```
#2581a8
```
#2581a8 rgb(37,129,168)
```
#1d84b0
```
#1d84b0 rgb(29,132,176)
```
#1588b8
```
#1588b8 rgb(21,136,184)
```
#0d8bc0
```
#0d8bc0 rgb(13,139,192)
```
#058ec8
```
#058ec8 rgb(5,142,200)
```

Tone Color Variation

Below, you can see how #058ec8 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

#6c6c6c Achromatopsia 0.005% of the population
#57737e Atypical Achromatopsia 0.001% of the population

Dichromacy

#7789c3 Protanopia 1% of men
#668bce Deuteranopia 1% of men
#0099a3 Tritanopia 0.001% of the population

Trichromacy

#4d8bc5 Protanomaly 1% of men, 0.01% of women
#438ccc Deuteranomaly 6% of men, 0.4% of women
#0195b0 Tritanomaly 0.01% of the population