#058fb8 hex color

In a RGB color space, hex #058fb8 is composed of 2% red, 56.1% green and 72.2% blue. Whereas in a CMYK color space, it is composed of 97.3% cyan, 22.3% magenta, 0% yellow and 27.8% black. It has a hue angle of 193.7 degrees, a saturation of 94.7% and a lightness of 37.1%. #058fb8 color hex could be obtained by blending #0affff with #001f71. Closest websafe color is: #0099cc.

♥
- f
- t
- g
- R 2
- G 56
- B 72
RGB color chart
- C 97
- M 22
- Y 0
- K 28
CMYK color chart

● #058fb8 color description : Strong cyan.

The hexadecimal color #058fb8 has RGB values of R:5, G:143, B:184 and CMYK values of C:0.97, M:0.22, Y:0, K:0.28. Its decimal value is 364472.

Hex triplet	058fb8	`#058fb8`
RGB Decimal	5, 143, 184	`rgb(5,143,184)`
RGB Percent	2, 56.1, 72.2	`rgb(2%,56.1%,72.2%)`
CMYK	97, 22, 0, 28
HSL	193.7°, 94.7, 37.1	`hsl(193.7,94.7%,37.1%)`
HSV (or HSB)	193.7°, 97.3, 72.2
Web Safe	0099cc	`#0099cc`

CIE-LAB	55.212, -17.003, -30.311
XYZ	18.534, 23.136, 48.834
xyY	0.205, 0.256, 23.136
CIE-LCH	55.212, 34.755, 240.71
CIE-LUV	55.212, -38.085, -44.292
Hunter-Lab	48.1, -15.393, -26.524
Binary	00000101, 10001111, 10111000

#058fb8
```
#058fb8 rgb(5,143,184)
```
#b82e05
```
#b82e05 rgb(184,46,5)
```

Complementary Color

#05b888
```
#05b888 rgb(5,184,136)
```
#058fb8
```
#058fb8 rgb(5,143,184)
```
#0536b8
```
#0536b8 rgb(5,54,184)
```

Analogous Color

#b88805
```
#b88805 rgb(184,136,5)
```
#058fb8
```
#058fb8 rgb(5,143,184)
```
#b80536
```
#b80536 rgb(184,5,54)
```

Split Complementary Color

#8fb805
```
#8fb805 rgb(143,184,5)
```
#058fb8
```
#058fb8 rgb(5,143,184)
```
#b8058f
```
#b8058f rgb(184,5,143)
```

Triadic Color

#05b82e
```
#05b82e rgb(5,184,46)
```
#058fb8
```
#058fb8 rgb(5,143,184)
```
#b8058f
```
#b8058f rgb(184,5,143)
```
#b82e05
```
#b82e05 rgb(184,46,5)
```

Tetradic Color

#03556e
```
#03556e rgb(3,85,110)
```
#046886
```
#046886 rgb(4,104,134)
```
#047c9f
```
#047c9f rgb(4,124,159)
```
#058fb8
```
#058fb8 rgb(5,143,184)
```
#06a2d1
```
#06a2d1 rgb(6,162,209)
```
#06b6ea
```
#06b6ea rgb(6,182,234)
```
#11c3f9
```
#11c3f9 rgb(17,195,249)
```

Monochromatic Color

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

#05b8b4
```
#05b8b4 rgb(5,184,180)
```
#05adb8
```
#05adb8 rgb(5,173,184)
```
#059eb8
```
#059eb8 rgb(5,158,184)
```
#058fb8
```
#058fb8 rgb(5,143,184)
```
#0580b8
```
#0580b8 rgb(5,128,184)
```
#0571b8
```
#0571b8 rgb(5,113,184)
```
#0562b8
```
#0562b8 rgb(5,98,184)
```

Similar Colors

Text with hexadecimal color #058fb8

This text has a font color of #058fb8.

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

#058fb8 background color

This paragraph has a background color of #058fb8.

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

#058fb8 border color

This element has a border color of #058fb8.

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

CSS codes

.text {color:#058fb8;}

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

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

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, #00090c is the darkest color, while #f8fdff is the lightest one.

#00090c
```
#00090c rgb(0,9,12)
```
#01181f
```
#01181f rgb(1,24,31)
```
#012732
```
#012732 rgb(1,39,50)
```
#023645
```
#023645 rgb(2,54,69)
```
#024559
```
#024559 rgb(2,69,89)
```
#03546c
```
#03546c rgb(3,84,108)
```
#03627f
```
#03627f rgb(3,98,127)
```
#047192
```
#047192 rgb(4,113,146)
```
#0480a5
```
#0480a5 rgb(4,128,165)
```
#058fb8
```
#058fb8 rgb(5,143,184)
```
#069ecb
```
#069ecb rgb(6,158,203)
```
#06adde
```
#06adde rgb(6,173,222)
```
#07bcf1
```
#07bcf1 rgb(7,188,241)
```

Shade Color Variation

#13c4f9
```
#13c4f9 rgb(19,196,249)
```
#26c9f9
```
#26c9f9 rgb(38,201,249)
```
#39cefa
```
#39cefa rgb(57,206,250)
```
#4cd2fa
```
#4cd2fa rgb(76,210,250)
```
#5fd7fb
```
#5fd7fb rgb(95,215,251)
```
#72dcfb
```
#72dcfb rgb(114,220,251)
```
#85e1fc
```
#85e1fc rgb(133,225,252)
```
#99e5fc
```
#99e5fc rgb(153,229,252)
```
#aceafd
```
#aceafd rgb(172,234,253)
```
#bfeffd
```
#bfeffd rgb(191,239,253)
```
#d2f4fe
```
#d2f4fe rgb(210,244,254)
```
#e5f8fe
```
#e5f8fe rgb(229,248,254)
```
#f8fdff
```
#f8fdff rgb(248,253,255)
```

Tint Color Variation

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

#5c6061
```
#5c6061 rgb(92,96,97)
```
#556468
```
#556468 rgb(85,100,104)
```
#4e686f
```
#4e686f rgb(78,104,111)
```
#466c77
```
#466c77 rgb(70,108,119)
```
#3f6f7e
```
#3f6f7e rgb(63,111,126)
```
#387385
```
#387385 rgb(56,115,133)
```
#31778c
```
#31778c rgb(49,119,140)
```
#297b94
```
#297b94 rgb(41,123,148)
```
#227f9b
```
#227f9b rgb(34,127,155)
```
#1b83a2
```
#1b83a2 rgb(27,131,162)
```
#1487a9
```
#1487a9 rgb(20,135,169)
```
#0c8bb1
```
#0c8bb1 rgb(12,139,177)
```
#058fb8
```
#058fb8 rgb(5,143,184)
```

Tone Color Variation

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

#6a6a6a Achromatopsia 0.005% of the population
#56717a Atypical Achromatopsia 0.001% of the population

Dichromacy

#7d89b3 Protanopia 1% of men
#7489c0 Deuteranopia 1% of men
#0098a2 Tritanopia 0.001% of the population

Trichromacy

#518bb5 Protanomaly 1% of men, 0.01% of women
#4b8bbd Deuteranomaly 6% of men, 0.4% of women
#0194aa Tritanomaly 0.01% of the population

#058fb8 hex color

#058fb8 Color Information

#058fb8 Color Conversion

Color Schemes with #058fb8

Alternatives to #058fb8

#058fb8 Preview

Shades and Tints of #058fb8

Tones of #058fb8

Color Blindness Simulator