#058ae4 hex color

In a RGB color space, hex #058ae4 is composed of 2% red, 54.1% green and 89.4% blue. Whereas in a CMYK color space, it is composed of 97.8% cyan, 39.5% magenta, 0% yellow and 10.6% black. It has a hue angle of 204.2 degrees, a saturation of 95.7% and a lightness of 45.7%. #058ae4 color hex could be obtained by blending #0affff with #0015c9. Closest websafe color is: #0099cc.

♥
- f
- t
- g
- R 2
- G 54
- B 89
RGB color chart
- C 98
- M 39
- Y 0
- K 11
CMYK color chart

● #058ae4 color description : Vivid blue.

The hexadecimal color #058ae4 has RGB values of R:5, G:138, B:228 and CMYK values of C:0.98, M:0.39, Y:0, K:0.11. Its decimal value is 363236.

Hex triplet	058ae4	`#058ae4`
RGB Decimal	5, 138, 228	`rgb(5,138,228)`
RGB Percent	2, 54.1, 89.4	`rgb(2%,54.1%,89.4%)`
CMYK	98, 39, 0, 11
HSL	204.2°, 95.7, 45.7	`hsl(204.2,95.7%,45.7%)`
HSV (or HSB)	204.2°, 97.8, 89.4
Web Safe	0099cc	`#0099cc`

CIE-LAB	55.896, 2.365, -54.05
XYZ	23.151, 23.808, 76.77
xyY	0.187, 0.192, 23.808
CIE-LCH	55.896, 54.102, 272.506
CIE-LUV	55.896, -33.552, -85.309
Hunter-Lab	48.794, -0.696, -59.128
Binary	00000101, 10001010, 11100100

#058ae4
```
#058ae4 rgb(5,138,228)
```
#e45f05
```
#e45f05 rgb(228,95,5)
```

Complementary Color

#05e4cf
```
#05e4cf rgb(5,228,207)
```
#058ae4
```
#058ae4 rgb(5,138,228)
```
#051be4
```
#051be4 rgb(5,27,228)
```

Analogous Color

#e4cf05
```
#e4cf05 rgb(228,207,5)
```
#058ae4
```
#058ae4 rgb(5,138,228)
```
#e4051b
```
#e4051b rgb(228,5,27)
```

Split Complementary Color

#8ae405
```
#8ae405 rgb(138,228,5)
```
#058ae4
```
#058ae4 rgb(5,138,228)
```
#e4058a
```
#e4058a rgb(228,5,138)
```

Triadic Color

#05e45f
```
#05e45f rgb(5,228,95)
```
#058ae4
```
#058ae4 rgb(5,138,228)
```
#e4058a
```
#e4058a rgb(228,5,138)
```
#e45f05
```
#e45f05 rgb(228,95,5)
```

Tetradic Color

#035d99
```
#035d99 rgb(3,93,153)
```
#046cb2
```
#046cb2 rgb(4,108,178)
```
#047bcb
```
#047bcb rgb(4,123,203)
```
#058ae4
```
#058ae4 rgb(5,138,228)
```
#0998fa
```
#0998fa rgb(9,152,250)
```
#22a3fa
```
#22a3fa rgb(34,163,250)
```
#3badfb
```
#3badfb rgb(59,173,251)
```

Monochromatic Color

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

#05c2e4
```
#05c2e4 rgb(5,194,228)
```
#05afe4
```
#05afe4 rgb(5,175,228)
```
#059de4
```
#059de4 rgb(5,157,228)
```
#058ae4
```
#058ae4 rgb(5,138,228)
```
#0577e4
```
#0577e4 rgb(5,119,228)
```
#0565e4
```
#0565e4 rgb(5,101,228)
```
#0552e4
```
#0552e4 rgb(5,82,228)
```

Similar Colors

Text with hexadecimal color #058ae4

This text has a font color of #058ae4.

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

#058ae4 background color

This paragraph has a background color of #058ae4.

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

#058ae4 border color

This element has a border color of #058ae4.

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

CSS codes

.text {color:#058ae4;}

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

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

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, #000a11 is the darkest color, while #fdfeff is the lightest one.

#000a11
```
#000a11 rgb(0,10,17)
```
#011624
```
#011624 rgb(1,22,36)
```
#012137
```
#012137 rgb(1,33,55)
```
#022d4a
```
#022d4a rgb(2,45,74)
```
#02395e
```
#02395e rgb(2,57,94)
```
#024471
```
#024471 rgb(2,68,113)
```
#035084
```
#035084 rgb(3,80,132)
```
#035c97
```
#035c97 rgb(3,92,151)
```
#0467aa
```
#0467aa rgb(4,103,170)
```
#0473be
```
#0473be rgb(4,115,190)
```
#057ed1
```
#057ed1 rgb(5,126,209)
```
#058ae4
```
#058ae4 rgb(5,138,228)
```
#0596f7
```
#0596f7 rgb(5,150,247)
```

Shade Color Variation

#169efa
```
#169efa rgb(22,158,250)
```
#2aa6fa
```
#2aa6fa rgb(42,166,250)
```
#3daefb
```
#3daefb rgb(61,174,251)
```
#50b6fb
```
#50b6fb rgb(80,182,251)
```
#63befc
```
#63befc rgb(99,190,252)
```
#76c6fc
```
#76c6fc rgb(118,198,252)
```
#89cefc
```
#89cefc rgb(137,206,252)
```
#9dd6fd
```
#9dd6fd rgb(157,214,253)
```
#b0defd
```
#b0defd rgb(176,222,253)
```
#c3e6fe
```
#c3e6fe rgb(195,230,254)
```
#d6eefe
```
#d6eefe rgb(214,238,254)
```
#e9f6ff
```
#e9f6ff rgb(233,246,255)
```
#fdfeff
```
#fdfeff rgb(253,254,255)
```

Tint Color Variation

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

#717578
```
#717578 rgb(113,117,120)
```
#687781
```
#687781 rgb(104,119,129)
```
#5f798a
```
#5f798a rgb(95,121,138)
```
#567a93
```
#567a93 rgb(86,122,147)
```
#4d7c9c
```
#4d7c9c rgb(77,124,156)
```
#447ea5
```
#447ea5 rgb(68,126,165)
```
#3b80ae
```
#3b80ae rgb(59,128,174)
```
#3281b7
```
#3281b7 rgb(50,129,183)
```
#2983c0
```
#2983c0 rgb(41,131,192)
```
#2085c9
```
#2085c9 rgb(32,133,201)
```
#1787d2
```
#1787d2 rgb(23,135,210)
```
#0e88db
```
#0e88db rgb(14,136,219)
```
#058ae4
```
#058ae4 rgb(5,138,228)
```

Tone Color Variation

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

Dichromacy

#6489df Protanopia 1% of men
#3b8de6 Deuteranopia 1% of men
#009aa3 Tritanopia 0.001% of the population

Trichromacy

#4289e1 Protanomaly 1% of men, 0.01% of women
#278ce5 Deuteranomaly 6% of men, 0.4% of women
#0194ba Tritanomaly 0.01% of the population

#058ae4 hex color

#058ae4 Color Information

#058ae4 Color Conversion

Color Schemes with #058ae4

Alternatives to #058ae4

#058ae4 Preview

Shades and Tints of #058ae4

Tones of #058ae4

Color Blindness Simulator