colorhexa.com

#058bdd hex color

In a RGB color space, hex #058bdd is composed of 2% red, 54.5% green and 86.7% blue. Whereas in a CMYK color space, it is composed of 97.7% cyan, 37.1% magenta, 0% yellow and 13.3% black. It has a hue angle of 202.8 degrees, a saturation of 95.6% and a lightness of 44.3%. #058bdd color hex could be obtained by blending #0affff with #0017bb. Closest websafe color is: #0099cc.

- R 2
- G 55
- B 87
RGB color chart
- C 98
- M 37
- Y 0
- K 13
CMYK color chart

● #058bdd color description : Vivid blue.

The hexadecimal color #058bdd has RGB values of R:5, G:139, B:221 and CMYK values of C:0.98, M:0.37, Y:0, K:0.13. Its decimal value is 363485.

Hex triplet	058bdd	`#058bdd`
RGB Decimal	5, 139, 221	`rgb(5,139,221)`
RGB Percent	2, 54.5, 86.7	`rgb(2%,54.5%,86.7%)`
CMYK	98, 37, 0, 13
HSL	202.8°, 95.6, 44.3	`hsl(202.8,95.6%,44.3%)`
HSV (or HSB)	202.8°, 97.7, 86.7
Web Safe	0099cc	`#0099cc`

CIE-LAB	55.802, -0.909, -50.286
XYZ	22.343, 23.716, 71.803
xyY	0.19, 0.201, 23.716
CIE-LCH	55.802, 50.295, 268.965
CIE-LUV	55.802, -34.277, -78.851
Hunter-Lab	48.699, -3.327, -53.329
Binary	00000101, 10001011, 11011101

#058bdd
```
#058bdd rgb(5,139,221)
```
#dd5705
```
#dd5705 rgb(221,87,5)
```

Complementary Color

#05ddc3
```
#05ddc3 rgb(5,221,195)
```
#058bdd
```
#058bdd rgb(5,139,221)
```
#051fdd
```
#051fdd rgb(5,31,221)
```

Analogous Color

#ddc305
```
#ddc305 rgb(221,195,5)
```
#058bdd
```
#058bdd rgb(5,139,221)
```
#dd051f
```
#dd051f rgb(221,5,31)
```

Split Complementary Color

#8bdd05
```
#8bdd05 rgb(139,221,5)
```
#058bdd
```
#058bdd rgb(5,139,221)
```
#dd058b
```
#dd058b rgb(221,5,139)
```

Triadic Color

#035c92
```
#035c92 rgb(3,92,146)
```
#046cab
```
#046cab rgb(4,108,171)
```
#047bc4
```
#047bc4 rgb(4,123,196)
```
#058bdd
```
#058bdd rgb(5,139,221)
```
#069bf6
```
#069bf6 rgb(6,155,246)
```
#1ba5fa
```
#1ba5fa rgb(27,165,250)
```
#34affa
```
#34affa rgb(52,175,250)
```

Monochromatic Color

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

#05c1dd
```
#05c1dd rgb(5,193,221)
```
#05afdd
```
#05afdd rgb(5,175,221)
```
#059ddd
```
#059ddd rgb(5,157,221)
```
#058bdd
```
#058bdd rgb(5,139,221)
```
#0579dd
```
#0579dd rgb(5,121,221)
```
#0567dd
```
#0567dd rgb(5,103,221)
```
#0555dd
```
#0555dd rgb(5,85,221)
```

Similar Colors

Text with hexadecimal color #058bdd

This text has a font color of #058bdd.

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

#058bdd background color

This paragraph has a background color of #058bdd.

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

#058bdd border color

This element has a border color of #058bdd.

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

CSS codes

.text {color:#058bdd;}

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

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

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, #00060a is the darkest color, while #f6fbff is the lightest one.

#00060a
```
#00060a rgb(0,6,10)
```
#01121d
```
#01121d rgb(1,18,29)
```
#011e30
```
#011e30 rgb(1,30,48)
```
#022a44
```
#022a44 rgb(2,42,68)
```
#023757
```
#023757 rgb(2,55,87)
```
#02436a
```
#02436a rgb(2,67,106)
```
#034f7d
```
#034f7d rgb(3,79,125)
```
#035b90
```
#035b90 rgb(3,91,144)
```
#0467a3
```
#0467a3 rgb(4,103,163)
```
#0473b7
```
#0473b7 rgb(4,115,183)
```
#057fca
```
#057fca rgb(5,127,202)
```
#058bdd
```
#058bdd rgb(5,139,221)
```
#0597f0
```
#0597f0 rgb(5,151,240)
```

Shade Color Variation

#10a1fa
```
#10a1fa rgb(16,161,250)
```
#23a8fa
```
#23a8fa rgb(35,168,250)
```
#36b0fa
```
#36b0fa rgb(54,176,250)
```
#49b7fb
```
#49b7fb rgb(73,183,251)
```
#5cbffb
```
#5cbffb rgb(92,191,251)
```
#70c7fc
```
#70c7fc rgb(112,199,252)
```
#83cefc
```
#83cefc rgb(131,206,252)
```
#96d6fd
```
#96d6fd rgb(150,214,253)
```
#a9ddfd
```
#a9ddfd rgb(169,221,253)
```
#bce5fd
```
#bce5fd rgb(188,229,253)
```
#cfecfe
```
#cfecfe rgb(207,236,254)
```
#e3f4fe
```
#e3f4fe rgb(227,244,254)
```
#f6fbff
```
#f6fbff rgb(246,251,255)
```

Tint Color Variation

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

#6d7275
```
#6d7275 rgb(109,114,117)
```
#65747d
```
#65747d rgb(101,116,125)
```
#5c7686
```
#5c7686 rgb(92,118,134)
```
#53788f
```
#53788f rgb(83,120,143)
```
#4b7a97
```
#4b7a97 rgb(75,122,151)
```
#427ca0
```
#427ca0 rgb(66,124,160)
```
#397ea9
```
#397ea9 rgb(57,126,169)
```
#3081b2
```
#3081b2 rgb(48,129,178)
```
#2883ba
```
#2883ba rgb(40,131,186)
```
#1f85c3
```
#1f85c3 rgb(31,133,195)
```
#1687cc
```
#1687cc rgb(22,135,204)
```
#0e89d4
```
#0e89d4 rgb(14,137,212)
```
#058bdd
```
#058bdd rgb(5,139,221)
```

Tone Color Variation

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

Dichromacy

#6a89d8 Protanopia 1% of men
#4a8de0 Deuteranopia 1% of men
#0099a3 Tritanopia 0.001% of the population

Trichromacy

#458ada Protanomaly 1% of men, 0.01% of women
#318cdf Deuteranomaly 6% of men, 0.4% of women
#0194b8 Tritanomaly 0.01% of the population