#058ce2 hex color

In a RGB color space, hex #058ce2 is composed of 2% red, 54.9% green and 88.6% blue. Whereas in a CMYK color space, it is composed of 97.8% cyan, 38.1% magenta, 0% yellow and 11.4% black. It has a hue angle of 203.3 degrees, a saturation of 95.7% and a lightness of 45.3%. #058ce2 color hex could be obtained by blending #0affff with #0019c5. Closest websafe color is: #0099cc.

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

● #058ce2 color description : Vivid blue.

The hexadecimal color #058ce2 has RGB values of R:5, G:140, B:226 and CMYK values of C:0.98, M:0.38, Y:0, K:0.11. Its decimal value is 363746.

Hex triplet	058ce2	`#058ce2`
RGB Decimal	5, 140, 226	`rgb(5,140,226)`
RGB Percent	2, 54.9, 88.6	`rgb(2%,54.9%,88.6%)`
CMYK	98, 38, 0, 11
HSL	203.3°, 95.7, 45.3	`hsl(203.3,95.7%,45.3%)`
HSV (or HSB)	203.3°, 97.8, 88.6
Web Safe	0099cc	`#0099cc`

CIE-LAB	56.364, 0.405, -52.187
XYZ	23.165, 24.277, 75.412
xyY	0.189, 0.198, 24.277
CIE-LCH	56.364, 52.188, 270.445
CIE-LUV	56.364, -34.307, -82.232
Hunter-Lab	49.272, -2.305, -56.255
Binary	00000101, 10001100, 11100010

#058ce2
```
#058ce2 rgb(5,140,226)
```
#e25b05
```
#e25b05 rgb(226,91,5)
```

Complementary Color

#05e2ca
```
#05e2ca rgb(5,226,202)
```
#058ce2
```
#058ce2 rgb(5,140,226)
```
#051de2
```
#051de2 rgb(5,29,226)
```

Analogous Color

#e2ca05
```
#e2ca05 rgb(226,202,5)
```
#058ce2
```
#058ce2 rgb(5,140,226)
```
#e2051e
```
#e2051e rgb(226,5,30)
```

Split Complementary Color

#8ce205
```
#8ce205 rgb(140,226,5)
```
#058ce2
```
#058ce2 rgb(5,140,226)
```
#e2058c
```
#e2058c rgb(226,5,140)
```

Triadic Color

#05e25b
```
#05e25b rgb(5,226,91)
```
#058ce2
```
#058ce2 rgb(5,140,226)
```
#e2058c
```
#e2058c rgb(226,5,140)
```
#e25b05
```
#e25b05 rgb(226,91,5)
```

Tetradic Color

#035e97
```
#035e97 rgb(3,94,151)
```
#046db0
```
#046db0 rgb(4,109,176)
```
#047dc9
```
#047dc9 rgb(4,125,201)
```
#058ce2
```
#058ce2 rgb(5,140,226)
```
#079bfa
```
#079bfa rgb(7,155,250)
```
#20a5fa
```
#20a5fa rgb(32,165,250)
```
#39affb
```
#39affb rgb(57,175,251)
```

Monochromatic Color

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

#05c3e2
```
#05c3e2 rgb(5,195,226)
```
#05b1e2
```
#05b1e2 rgb(5,177,226)
```
#059ee2
```
#059ee2 rgb(5,158,226)
```
#058ce2
```
#058ce2 rgb(5,140,226)
```
#057ae2
```
#057ae2 rgb(5,122,226)
```
#0567e2
```
#0567e2 rgb(5,103,226)
```
#0555e2
```
#0555e2 rgb(5,85,226)
```

Similar Colors

Text with hexadecimal color #058ce2

This text has a font color of #058ce2.

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

#058ce2 background color

This paragraph has a background color of #058ce2.

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

#058ce2 border color

This element has a border color of #058ce2.

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

CSS codes

.text {color:#058ce2;}

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

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

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, #00090f is the darkest color, while #fbfdff is the lightest one.

#00090f
```
#00090f rgb(0,9,15)
```
#011522
```
#011522 rgb(1,21,34)
```
#012135
```
#012135 rgb(1,33,53)
```
#022d48
```
#022d48 rgb(2,45,72)
```
#02395c
```
#02395c rgb(2,57,92)
```
#02456f
```
#02456f rgb(2,69,111)
```
#035182
```
#035182 rgb(3,81,130)
```
#035c95
```
#035c95 rgb(3,92,149)
```
#0468a8
```
#0468a8 rgb(4,104,168)
```
#0474bc
```
#0474bc rgb(4,116,188)
```
#0580cf
```
#0580cf rgb(5,128,207)
```
#058ce2
```
#058ce2 rgb(5,140,226)
```
#0598f5
```
#0598f5 rgb(5,152,245)
```

Shade Color Variation

#14a1fa
```
#14a1fa rgb(20,161,250)
```
#28a8fa
```
#28a8fa rgb(40,168,250)
```
#3bb0fb
```
#3bb0fb rgb(59,176,251)
```
#4eb8fb
```
#4eb8fb rgb(78,184,251)
```
#61bffc
```
#61bffc rgb(97,191,252)
```
#74c7fc
```
#74c7fc rgb(116,199,252)
```
#88cffc
```
#88cffc rgb(136,207,252)
```
#9bd7fd
```
#9bd7fd rgb(155,215,253)
```
#aedefd
```
#aedefd rgb(174,222,253)
```
#c1e6fe
```
#c1e6fe rgb(193,230,254)
```
#d4eefe
```
#d4eefe rgb(212,238,254)
```
#e8f6fe
```
#e8f6fe rgb(232,246,254)
```
#fbfdff
```
#fbfdff rgb(251,253,255)
```

Tint Color Variation

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

#707477
```
#707477 rgb(112,116,119)
```
#677680
```
#677680 rgb(103,118,128)
```
#5e7889
```
#5e7889 rgb(94,120,137)
```
#557a92
```
#557a92 rgb(85,122,146)
```
#4c7c9b
```
#4c7c9b rgb(76,124,155)
```
#437ea4
```
#437ea4 rgb(67,126,164)
```
#3a80ad
```
#3a80ad rgb(58,128,173)
```
#3182b6
```
#3182b6 rgb(49,130,182)
```
#2984be
```
#2984be rgb(41,132,190)
```
#2086c7
```
#2086c7 rgb(32,134,199)
```
#1788d0
```
#1788d0 rgb(23,136,208)
```
#0e8ad9
```
#0e8ad9 rgb(14,138,217)
```
#058ce2
```
#058ce2 rgb(5,140,226)
```

Tone Color Variation

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

#6d6d6d Achromatopsia 0.005% of the population
#587384 Atypical Achromatopsia 0.001% of the population

Dichromacy

#698add Protanopia 1% of men
#458ee4 Deuteranopia 1% of men
#009ba4 Tritanopia 0.001% of the population

Trichromacy

#448bdf Protanomaly 1% of men, 0.01% of women
#2e8de3 Deuteranomaly 6% of men, 0.4% of women
#0195bb Tritanomaly 0.01% of the population

#058ce2 hex color

#058ce2 Color Information

#058ce2 Color Conversion

Color Schemes with #058ce2

Alternatives to #058ce2

#058ce2 Preview

Shades and Tints of #058ce2

Tones of #058ce2

Color Blindness Simulator