#058aed hex color

In a RGB color space, hex #058aed is composed of 2% red, 54.1% green and 92.9% blue. Whereas in a CMYK color space, it is composed of 97.9% cyan, 41.8% magenta, 0% yellow and 7.1% black. It has a hue angle of 205.6 degrees, a saturation of 95.9% and a lightness of 47.5%. #058aed color hex could be obtained by blending #0affff with #0015db. Closest websafe color is: #0099ff.

♥
- f
- t
- g
- R 2
- G 54
- B 93
RGB color chart
- C 98
- M 42
- Y 0
- K 7
CMYK color chart

● #058aed color description : Vivid blue.

The hexadecimal color #058aed has RGB values of R:5, G:138, B:237 and CMYK values of C:0.98, M:0.42, Y:0, K:0.07. Its decimal value is 363245.

Hex triplet	058aed	`#058aed`
RGB Decimal	5, 138, 237	`rgb(5,138,237)`
RGB Percent	2, 54.1, 92.9	`rgb(2%,54.1%,92.9%)`
CMYK	98, 42, 0, 7
HSL	205.6°, 95.9, 47.5	`hsl(205.6,95.9%,47.5%)`
HSV (or HSB)	205.6°, 97.9, 92.9
Web Safe	0099ff	`#0099ff`

CIE-LAB	56.408, 5.817, -58.24
XYZ	24.434, 24.321, 83.523
xyY	0.185, 0.184, 24.321
CIE-LCH	56.408, 58.53, 275.704
CIE-LUV	56.408, -33.063, -92.559
Hunter-Lab	49.317, 2.132, -65.892
Binary	00000101, 10001010, 11101101

#058aed
```
#058aed rgb(5,138,237)
```
#ed6805
```
#ed6805 rgb(237,104,5)
```

Complementary Color

#05eddc
```
#05eddc rgb(5,237,220)
```
#058aed
```
#058aed rgb(5,138,237)
```
#0516ed
```
#0516ed rgb(5,22,237)
```

Analogous Color

#eddc05
```
#eddc05 rgb(237,220,5)
```
#058aed
```
#058aed rgb(5,138,237)
```
#ed0516
```
#ed0516 rgb(237,5,22)
```

Split Complementary Color

#8aed05
```
#8aed05 rgb(138,237,5)
```
#058aed
```
#058aed rgb(5,138,237)
```
#ed058a
```
#ed058a rgb(237,5,138)
```

Triadic Color

#05ed68
```
#05ed68 rgb(5,237,104)
```
#058aed
```
#058aed rgb(5,138,237)
```
#ed058a
```
#ed058a rgb(237,5,138)
```
#ed6805
```
#ed6805 rgb(237,104,5)
```

Tetradic Color

#035ea2
```
#035ea2 rgb(3,94,162)
```
#046dbb
```
#046dbb rgb(4,109,187)
```
#047bd4
```
#047bd4 rgb(4,123,212)
```
#058aed
```
#058aed rgb(5,138,237)
```
#1297fa
```
#1297fa rgb(18,151,250)
```
#2aa2fb
```
#2aa2fb rgb(42,162,251)
```
#43adfb
```
#43adfb rgb(67,173,251)
```

Monochromatic Color

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

#05c4ed
```
#05c4ed rgb(5,196,237)
```
#05b1ed
```
#05b1ed rgb(5,177,237)
```
#059ded
```
#059ded rgb(5,157,237)
```
#058aed
```
#058aed rgb(5,138,237)
```
#0577ed
```
#0577ed rgb(5,119,237)
```
#0563ed
```
#0563ed rgb(5,99,237)
```
#0550ed
```
#0550ed rgb(5,80,237)
```

Similar Colors

Text with hexadecimal color #058aed

This text has a font color of #058aed.

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

#058aed background color

This paragraph has a background color of #058aed.

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

#058aed border color

This element has a border color of #058aed.

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

CSS codes

.text {color:#058aed;}

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

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

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

#000406
```
#000406 rgb(0,4,6)
```
#010f1a
```
#010f1a rgb(1,15,26)
```
#011a2d
```
#011a2d rgb(1,26,45)
```
#012540
```
#012540 rgb(1,37,64)
```
#023153
```
#023153 rgb(2,49,83)
```
#023c67
```
#023c67 rgb(2,60,103)
```
#03477a
```
#03477a rgb(3,71,122)
```
#03528d
```
#03528d rgb(3,82,141)
```
#035da0
```
#035da0 rgb(3,93,160)
```
#0468b3
```
#0468b3 rgb(4,104,179)
```
#0474c7
```
#0474c7 rgb(4,116,199)
```
#057fda
```
#057fda rgb(5,127,218)
```
#058aed
```
#058aed rgb(5,138,237)
```

Shade Color Variation

#0c94fa
```
#0c94fa rgb(12,148,250)
```
#1f9dfa
```
#1f9dfa rgb(31,157,250)
```
#32a5fb
```
#32a5fb rgb(50,165,251)
```
#45aefb
```
#45aefb rgb(69,174,251)
```
#59b6fb
```
#59b6fb rgb(89,182,251)
```
#6cbefc
```
#6cbefc rgb(108,190,252)
```
#7fc7fc
```
#7fc7fc rgb(127,199,252)
```
#92cffd
```
#92cffd rgb(146,207,253)
```
#a5d8fd
```
#a5d8fd rgb(165,216,253)
```
#b9e0fe
```
#b9e0fe rgb(185,224,254)
```
#cce9fe
```
#cce9fe rgb(204,233,254)
```
#dff1fe
```
#dff1fe rgb(223,241,254)
```
#f2f9ff
```
#f2f9ff rgb(242,249,255)
```

Tint Color Variation

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

#757a7d
```
#757a7d rgb(117,122,125)
```
#6b7b87
```
#6b7b87 rgb(107,123,135)
```
#627c90
```
#627c90 rgb(98,124,144)
```
#597e99
```
#597e99 rgb(89,126,153)
```
#4f7fa3
```
#4f7fa3 rgb(79,127,163)
```
#4680ac
```
#4680ac rgb(70,128,172)
```
#3d82b5
```
#3d82b5 rgb(61,130,181)
```
#3483be
```
#3483be rgb(52,131,190)
```
#2a85c8
```
#2a85c8 rgb(42,133,200)
```
#2186d1
```
#2186d1 rgb(33,134,209)
```
#1887da
```
#1887da rgb(24,135,218)
```
#0e89e4
```
#0e89e4 rgb(14,137,228)
```
#058aed
```
#058aed rgb(5,138,237)
```

Tone Color Variation

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

#6e6e6e Achromatopsia 0.005% of the population
#597487 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5f8ae9 Protanopia 1% of men
#218fee Deuteranopia 1% of men
#009ba4 Tritanopia 0.001% of the population

Trichromacy

#3e8aea Protanomaly 1% of men, 0.01% of women
#178ded Deuteranomaly 6% of men, 0.4% of women
#0195bf Tritanomaly 0.01% of the population

#058aed hex color

#058aed Color Information

#058aed Color Conversion

Color Schemes with #058aed

Alternatives to #058aed

#058aed Preview

Shades and Tints of #058aed

Tones of #058aed

Color Blindness Simulator