#058ec2 hex color

In a RGB color space, hex #058ec2 is composed of 2% red, 55.7% green and 76.1% blue. Whereas in a CMYK color space, it is composed of 97.4% cyan, 26.8% magenta, 0% yellow and 23.9% black. It has a hue angle of 196.5 degrees, a saturation of 95% and a lightness of 39%. #058ec2 color hex could be obtained by blending #0affff with #001d85. Closest websafe color is: #0099cc.

♥
- f
- t
- g
- R 2
- G 56
- B 76
RGB color chart
- C 97
- M 27
- Y 0
- K 24
CMYK color chart

● #058ec2 color description : Strong blue.

The hexadecimal color #058ec2 has RGB values of R:5, G:142, B:194 and CMYK values of C:0.97, M:0.27, Y:0, K:0.24. Its decimal value is 364226.

Hex triplet	058ec2	`#058ec2`
RGB Decimal	5, 142, 194	`rgb(5,142,194)`
RGB Percent	2, 55.7, 76.1	`rgb(2%,55.7%,76.1%)`
CMYK	97, 27, 0, 24
HSL	196.5°, 95, 39	`hsl(196.5,95%,39%)`
HSV (or HSB)	196.5°, 97.4, 76.1
Web Safe	0099cc	`#0099cc`

CIE-LAB	55.351, -12.798, -35.78
XYZ	19.471, 23.271, 54.502
xyY	0.2, 0.239, 23.271
CIE-LCH	55.351, 38, 250.318
CIE-LUV	55.351, -37.026, -53.738
Hunter-Lab	48.24, -12.375, -33.217
Binary	00000101, 10001110, 11000010

#058ec2
```
#058ec2 rgb(5,142,194)
```
#c23905
```
#c23905 rgb(194,57,5)
```

Complementary Color

#05c298
```
#05c298 rgb(5,194,152)
```
#058ec2
```
#058ec2 rgb(5,142,194)
```
#0530c2
```
#0530c2 rgb(5,48,194)
```

Analogous Color

#c29805
```
#c29805 rgb(194,152,5)
```
#058ec2
```
#058ec2 rgb(5,142,194)
```
#c20530
```
#c20530 rgb(194,5,48)
```

Split Complementary Color

#8ec205
```
#8ec205 rgb(142,194,5)
```
#058ec2
```
#058ec2 rgb(5,142,194)
```
#c2058e
```
#c2058e rgb(194,5,142)
```

Triadic Color

#05c239
```
#05c239 rgb(5,194,57)
```
#058ec2
```
#058ec2 rgb(5,142,194)
```
#c2058e
```
#c2058e rgb(194,5,142)
```
#c23905
```
#c23905 rgb(194,57,5)
```

Tetradic Color

#035777
```
#035777 rgb(3,87,119)
```
#046a90
```
#046a90 rgb(4,106,144)
```
#047ca9
```
#047ca9 rgb(4,124,169)
```
#058ec2
```
#058ec2 rgb(5,142,194)
```
#06a0db
```
#06a0db rgb(6,160,219)
```
#06b2f4
```
#06b2f4 rgb(6,178,244)
```
#1abcf9
```
#1abcf9 rgb(26,188,249)
```

Monochromatic Color

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

#05bdc2
```
#05bdc2 rgb(5,189,194)
```
#05aec2
```
#05aec2 rgb(5,174,194)
```
#059ec2
```
#059ec2 rgb(5,158,194)
```
#058ec2
```
#058ec2 rgb(5,142,194)
```
#057ec2
```
#057ec2 rgb(5,126,194)
```
#056fc2
```
#056fc2 rgb(5,111,194)
```
#055fc2
```
#055fc2 rgb(5,95,194)
```

Similar Colors

Text with hexadecimal color #058ec2

This text has a font color of #058ec2.

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

#058ec2 background color

This paragraph has a background color of #058ec2.

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

#058ec2 border color

This element has a border color of #058ec2.

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

CSS codes

.text {color:#058ec2;}

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

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

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

#000203
```
#000203 rgb(0,2,3)
```
#011016
```
#011016 rgb(1,16,22)
```
#011e29
```
#011e29 rgb(1,30,41)
```
#022c3c
```
#022c3c rgb(2,44,60)
```
#023a4f
```
#023a4f rgb(2,58,79)
```
#034862
```
#034862 rgb(3,72,98)
```
#035676
```
#035676 rgb(3,86,118)
```
#046489
```
#046489 rgb(4,100,137)
```
#04729c
```
#04729c rgb(4,114,156)
```
#0580af
```
#0580af rgb(5,128,175)
```
#058ec2
```
#058ec2 rgb(5,142,194)
```
#059cd5
```
#059cd5 rgb(5,156,213)
```
#06aae8
```
#06aae8 rgb(6,170,232)
```

Shade Color Variation

#09b7f9
```
#09b7f9 rgb(9,183,249)
```
#1cbcf9
```
#1cbcf9 rgb(28,188,249)
```
#2fc2fa
```
#2fc2fa rgb(47,194,250)
```
#43c8fa
```
#43c8fa rgb(67,200,250)
```
#56cdfb
```
#56cdfb rgb(86,205,251)
```
#69d3fb
```
#69d3fb rgb(105,211,251)
```
#7cd8fc
```
#7cd8fc rgb(124,216,252)
```
#8fdefc
```
#8fdefc rgb(143,222,252)
```
#a2e4fd
```
#a2e4fd rgb(162,228,253)
```
#b5e9fd
```
#b5e9fd rgb(181,233,253)
```
#c8effe
```
#c8effe rgb(200,239,254)
```
#dcf5fe
```
#dcf5fe rgb(220,245,254)
```
#effaff
```
#effaff rgb(239,250,255)
```

Tint Color Variation

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

#616566
```
#616566 rgb(97,101,102)
```
#59686e
```
#59686e rgb(89,104,110)
```
#526c75
```
#526c75 rgb(82,108,117)
```
#4a6f7d
```
#4a6f7d rgb(74,111,125)
```
#427285
```
#427285 rgb(66,114,133)
```
#3b768c
```
#3b768c rgb(59,118,140)
```
#337994
```
#337994 rgb(51,121,148)
```
#2b7d9c
```
#2b7d9c rgb(43,125,156)
```
#2480a3
```
#2480a3 rgb(36,128,163)
```
#1c84ab
```
#1c84ab rgb(28,132,171)
```
#1487b3
```
#1487b3 rgb(20,135,179)
```
#0d8bba
```
#0d8bba rgb(13,139,186)
```
#058ec2
```
#058ec2 rgb(5,142,194)
```

Tone Color Variation

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

#6b6b6b Achromatopsia 0.005% of the population
#57727c Atypical Achromatopsia 0.001% of the population

Dichromacy

#7989bd Protanopia 1% of men
#6b8ac9 Deuteranopia 1% of men
#0098a2 Tritanopia 0.001% of the population

Trichromacy

#4f8abf Protanomaly 1% of men, 0.01% of women
#468bc6 Deuteranomaly 6% of men, 0.4% of women
#0194ae Tritanomaly 0.01% of the population

#058ec2 hex color

#058ec2 Color Information

#058ec2 Color Conversion

Color Schemes with #058ec2

Alternatives to #058ec2

#058ec2 Preview

Shades and Tints of #058ec2

Tones of #058ec2

Color Blindness Simulator