#058fdc hex color

In a RGB color space, hex #058fdc is composed of 2% red, 56.1% green and 86.3% blue. Whereas in a CMYK color space, it is composed of 97.7% cyan, 35% magenta, 0% yellow and 13.7% black. It has a hue angle of 201.5 degrees, a saturation of 95.6% and a lightness of 44.1%. #058fdc color hex could be obtained by blending #0affff with #001fb9. Closest websafe color is: #0099cc.

♥
- f
- t
- g
- R 2
- G 56
- B 86
RGB color chart
- C 98
- M 35
- Y 0
- K 14
CMYK color chart

● #058fdc color description : Vivid blue.

The hexadecimal color #058fdc has RGB values of R:5, G:143, B:220 and CMYK values of C:0.98, M:0.35, Y:0, K:0.14. Its decimal value is 364508.

Hex triplet	058fdc	`#058fdc`
RGB Decimal	5, 143, 220	`rgb(5,143,220)`
RGB Percent	2, 56.1, 86.3	`rgb(2%,56.1%,86.3%)`
CMYK	98, 35, 0, 14
HSL	201.5°, 95.6, 44.1	`hsl(201.5,95.6%,44.1%)`
HSV (or HSB)	201.5°, 97.7, 86.3
Web Safe	0099cc	`#0099cc`

CIE-LAB	56.921, -3.644, -47.949
XYZ	22.8, 24.842, 71.3
xyY	0.192, 0.209, 24.842
CIE-LCH	56.921, 48.087, 265.654
CIE-LUV	56.921, -35.643, -75.041
Hunter-Lab	49.842, -5.569, -49.925
Binary	00000101, 10001111, 11011100

#058fdc
```
#058fdc rgb(5,143,220)
```
#dc5205
```
#dc5205 rgb(220,82,5)
```

Complementary Color

#05dcbe
```
#05dcbe rgb(5,220,190)
```
#058fdc
```
#058fdc rgb(5,143,220)
```
#0524dc
```
#0524dc rgb(5,36,220)
```

Analogous Color

#dcbe05
```
#dcbe05 rgb(220,190,5)
```
#058fdc
```
#058fdc rgb(5,143,220)
```
#dc0524
```
#dc0524 rgb(220,5,36)
```

Split Complementary Color

#8fdc05
```
#8fdc05 rgb(143,220,5)
```
#058fdc
```
#058fdc rgb(5,143,220)
```
#dc058f
```
#dc058f rgb(220,5,143)
```

Triadic Color

#05dc52
```
#05dc52 rgb(5,220,82)
```
#058fdc
```
#058fdc rgb(5,143,220)
```
#dc058f
```
#dc058f rgb(220,5,143)
```
#dc5205
```
#dc5205 rgb(220,82,5)
```

Tetradic Color

#035e91
```
#035e91 rgb(3,94,145)
```
#046faa
```
#046faa rgb(4,111,170)
```
#047fc3
```
#047fc3 rgb(4,127,195)
```
#058fdc
```
#058fdc rgb(5,143,220)
```
#069ff5
```
#069ff5 rgb(6,159,245)
```
#1aaafa
```
#1aaafa rgb(26,170,250)
```
#33b3fa
```
#33b3fa rgb(51,179,250)
```

Monochromatic Color

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

#05c5dc
```
#05c5dc rgb(5,197,220)
```
#05b3dc
```
#05b3dc rgb(5,179,220)
```
#05a1dc
```
#05a1dc rgb(5,161,220)
```
#058fdc
```
#058fdc rgb(5,143,220)
```
#057ddc
```
#057ddc rgb(5,125,220)
```
#056bdc
```
#056bdc rgb(5,107,220)
```
#0559dc
```
#0559dc rgb(5,89,220)
```

Similar Colors

Text with hexadecimal color #058fdc

This text has a font color of #058fdc.

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

#058fdc background color

This paragraph has a background color of #058fdc.

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

#058fdc border color

This element has a border color of #058fdc.

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

CSS codes

.text {color:#058fdc;}

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

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

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 #f5fbff is the lightest one.

#000609
```
#000609 rgb(0,6,9)
```
#01121c
```
#01121c rgb(1,18,28)
```
#011f2f
```
#011f2f rgb(1,31,47)
```
#022b43
```
#022b43 rgb(2,43,67)
```
#023856
```
#023856 rgb(2,56,86)
```
#024469
```
#024469 rgb(2,68,105)
```
#03517c
```
#03517c rgb(3,81,124)
```
#035d8f
```
#035d8f rgb(3,93,143)
```
#046aa2
```
#046aa2 rgb(4,106,162)
```
#0476b6
```
#0476b6 rgb(4,118,182)
```
#0583c9
```
#0583c9 rgb(5,131,201)
```
#058fdc
```
#058fdc rgb(5,143,220)
```
#059bef
```
#059bef rgb(5,155,239)
```

Shade Color Variation

#0fa5fa
```
#0fa5fa rgb(15,165,250)
```
#22adfa
```
#22adfa rgb(34,173,250)
```
#35b4fa
```
#35b4fa rgb(53,180,250)
```
#48bbfb
```
#48bbfb rgb(72,187,251)
```
#5bc2fb
```
#5bc2fb rgb(91,194,251)
```
#6fc9fc
```
#6fc9fc rgb(111,201,252)
```
#82d0fc
```
#82d0fc rgb(130,208,252)
```
#95d7fd
```
#95d7fd rgb(149,215,253)
```
#a8dffd
```
#a8dffd rgb(168,223,253)
```
#bbe6fd
```
#bbe6fd rgb(187,230,253)
```
#ceedfe
```
#ceedfe rgb(206,237,254)
```
#e2f4fe
```
#e2f4fe rgb(226,244,254)
```
#f5fbff
```
#f5fbff rgb(245,251,255)
```

Tint Color Variation

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

#6d7274
```
#6d7274 rgb(109,114,116)
```
#64747d
```
#64747d rgb(100,116,125)
```
#5c7685
```
#5c7685 rgb(92,118,133)
```
#53798e
```
#53798e rgb(83,121,142)
```
#4a7b97
```
#4a7b97 rgb(74,123,151)
```
#427e9f
```
#427e9f rgb(66,126,159)
```
#3980a8
```
#3980a8 rgb(57,128,168)
```
#3083b1
```
#3083b1 rgb(48,131,177)
```
#2885b9
```
#2885b9 rgb(40,133,185)
```
#1f88c2
```
#1f88c2 rgb(31,136,194)
```
#168acb
```
#168acb rgb(22,138,203)
```
#0e8dd3
```
#0e8dd3 rgb(14,141,211)
```
#058fdc
```
#058fdc rgb(5,143,220)
```

Tone Color Variation

Below, you can see how #058fdc 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
#5a7585 Atypical Achromatopsia 0.001% of the population

Dichromacy

#708cd7 Protanopia 1% of men
#558fe0 Deuteranopia 1% of men
#009ca6 Tritanopia 0.001% of the population

Trichromacy

#498dd8 Protanomaly 1% of men, 0.01% of women
#388fde Deuteranomaly 6% of men, 0.4% of women
#0197ba Tritanomaly 0.01% of the population

#058fdc hex color

#058fdc Color Information

#058fdc Color Conversion

Color Schemes with #058fdc

Alternatives to #058fdc

#058fdc Preview

Shades and Tints of #058fdc

Tones of #058fdc

Color Blindness Simulator