#058bf7 hex color

In a RGB color space, hex #058bf7 is composed of 2% red, 54.5% green and 96.9% blue. Whereas in a CMYK color space, it is composed of 98% cyan, 43.7% magenta, 0% yellow and 3.1% black. It has a hue angle of 206.8 degrees, a saturation of 96% and a lightness of 49.4%. #058bf7 color hex could be obtained by blending #0affff with #0017ef. Closest websafe color is: #0099ff.

♥
- f
- t
- g
- R 2
- G 55
- B 97
RGB color chart
- C 98
- M 44
- Y 0
- K 3
CMYK color chart

● #058bf7 color description : Vivid blue.

The hexadecimal color #058bf7 has RGB values of R:5, G:139, B:247 and CMYK values of C:0.98, M:0.44, Y:0, K:0.03. Its decimal value is 363511.

Hex triplet	058bf7	`#058bf7`
RGB Decimal	5, 139, 247	`rgb(5,139,247)`
RGB Percent	2, 54.5, 96.9	`rgb(2%,54.5%,96.9%)`
CMYK	98, 44, 0, 3
HSL	206.8°, 96, 49.4	`hsl(206.8,96%,49.4%)`
HSV (or HSB)	206.8°, 98, 96.9
Web Safe	0099ff	`#0099ff`

CIE-LAB	57.28, 9.045, -62.377
XYZ	26.08, 25.21, 91.482
xyY	0.183, 0.177, 25.21
CIE-LCH	57.28, 63.029, 278.251
CIE-LUV	57.28, -32.862, -99.797
Hunter-Lab	50.21, 4.848, -72.879
Binary	00000101, 10001011, 11110111

#058bf7
```
#058bf7 rgb(5,139,247)
```
#f77105
```
#f77105 rgb(247,113,5)
```

Complementary Color

#05f7ea
```
#05f7ea rgb(5,247,234)
```
#058bf7
```
#058bf7 rgb(5,139,247)
```
#0512f7
```
#0512f7 rgb(5,18,247)
```

Analogous Color

#f7ea05
```
#f7ea05 rgb(247,234,5)
```
#058bf7
```
#058bf7 rgb(5,139,247)
```
#f70512
```
#f70512 rgb(247,5,18)
```

Split Complementary Color

#8bf705
```
#8bf705 rgb(139,247,5)
```
#058bf7
```
#058bf7 rgb(5,139,247)
```
#f7058b
```
#f7058b rgb(247,5,139)
```

Triadic Color

#05f771
```
#05f771 rgb(5,247,113)
```
#058bf7
```
#058bf7 rgb(5,139,247)
```
#f7058b
```
#f7058b rgb(247,5,139)
```
#f77105
```
#f77105 rgb(247,113,5)
```

Tetradic Color

#0361ac
```
#0361ac rgb(3,97,172)
```
#046fc5
```
#046fc5 rgb(4,111,197)
```
#047dde
```
#047dde rgb(4,125,222)
```
#058bf7
```
#058bf7 rgb(5,139,247)
```
#1b97fa
```
#1b97fa rgb(27,151,250)
```
#34a2fb
```
#34a2fb rgb(52,162,251)
```
#4daefb
```
#4daefb rgb(77,174,251)
```

Monochromatic Color

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

#05c8f7
```
#05c8f7 rgb(5,200,247)
```
#05b3f7
```
#05b3f7 rgb(5,179,247)
```
#059ff7
```
#059ff7 rgb(5,159,247)
```
#058bf7
```
#058bf7 rgb(5,139,247)
```
#0577f7
```
#0577f7 rgb(5,119,247)
```
#0563f7
```
#0563f7 rgb(5,99,247)
```
#054ef7
```
#054ef7 rgb(5,78,247)
```

Similar Colors

Text with hexadecimal color #058bf7

This text has a font color of #058bf7.

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

#058bf7 background color

This paragraph has a background color of #058bf7.

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

#058bf7 border color

This element has a border color of #058bf7.

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

CSS codes

.text {color:#058bf7;}

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

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

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

#000910
```
#000910 rgb(0,9,16)
```
#011424
```
#011424 rgb(1,20,36)
```
#011f37
```
#011f37 rgb(1,31,55)
```
#012a4a
```
#012a4a rgb(1,42,74)
```
#02345d
```
#02345d rgb(2,52,93)
```
#023f70
```
#023f70 rgb(2,63,112)
```
#034a84
```
#034a84 rgb(3,74,132)
```
#035597
```
#035597 rgb(3,85,151)
```
#0360aa
```
#0360aa rgb(3,96,170)
```
#046bbd
```
#046bbd rgb(4,107,189)
```
#0475d1
```
#0475d1 rgb(4,117,209)
```
#0580e4
```
#0580e4 rgb(5,128,228)
```
#058bf7
```
#058bf7 rgb(5,139,247)
```

Shade Color Variation

#1594fa
```
#1594fa rgb(21,148,250)
```
#299dfb
```
#299dfb rgb(41,157,251)
```
#3ca6fb
```
#3ca6fb rgb(60,166,251)
```
#4faefb
```
#4faefb rgb(79,174,251)
```
#62b7fc
```
#62b7fc rgb(98,183,252)
```
#75c0fc
```
#75c0fc rgb(117,192,252)
```
#89c9fd
```
#89c9fd rgb(137,201,253)
```
#9cd2fd
```
#9cd2fd rgb(156,210,253)
```
#afdafd
```
#afdafd rgb(175,218,253)
```
#c2e3fe
```
#c2e3fe rgb(194,227,254)
```
#d6ecfe
```
#d6ecfe rgb(214,236,254)
```
#e9f5ff
```
#e9f5ff rgb(233,245,255)
```
#fcfeff
```
#fcfeff rgb(252,254,255)
```

Tint Color Variation

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

#797f83
```
#797f83 rgb(121,127,131)
```
#70808c
```
#70808c rgb(112,128,140)
```
#668196
```
#668196 rgb(102,129,150)
```
#5c82a0
```
#5c82a0 rgb(92,130,160)
```
#5383a9
```
#5383a9 rgb(83,131,169)
```
#4984b3
```
#4984b3 rgb(73,132,179)
```
#3f85bd
```
#3f85bd rgb(63,133,189)
```
#3586c7
```
#3586c7 rgb(53,134,199)
```
#2c87d0
```
#2c87d0 rgb(44,135,208)
```
#2288da
```
#2288da rgb(34,136,218)
```
#1889e4
```
#1889e4 rgb(24,137,228)
```
#0f8aed
```
#0f8aed rgb(15,138,237)
```
#058bf7
```
#058bf7 rgb(5,139,247)
```

Tone Color Variation

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

#6f6f6f Achromatopsia 0.005% of the population
#5a758a Atypical Achromatopsia 0.001% of the population

Dichromacy

#598cf3 Protanopia 1% of men
#0092f2 Deuteranopia 1% of men
#009da7 Tritanopia 0.001% of the population

Trichromacy

#3a8bf4 Protanomaly 1% of men, 0.01% of women
#018ff4 Deuteranomaly 6% of men, 0.4% of women
#0196c4 Tritanomaly 0.01% of the population

#058bf7 hex color

#058bf7 Color Information

#058bf7 Color Conversion

Color Schemes with #058bf7

Alternatives to #058bf7

#058bf7 Preview

Shades and Tints of #058bf7

Tones of #058bf7

Color Blindness Simulator