#058dc2 hex color

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

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

● #058dc2 color description : Strong blue.

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

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

CIE-LAB	55.047, -12.237, -36.256
XYZ	19.323, 22.975, 54.452
xyY	0.2, 0.237, 22.975
CIE-LCH	55.047, 38.266, 251.349
CIE-LUV	55.047, -36.685, -54.529
Hunter-Lab	47.932, -11.925, -33.802
Binary	00000101, 10001101, 11000010

#058dc2
```
#058dc2 rgb(5,141,194)
```
#c23a05
```
#c23a05 rgb(194,58,5)
```

Complementary Color

#05c299
```
#05c299 rgb(5,194,153)
```
#058dc2
```
#058dc2 rgb(5,141,194)
```
#052fc2
```
#052fc2 rgb(5,47,194)
```

Analogous Color

#c29905
```
#c29905 rgb(194,153,5)
```
#058dc2
```
#058dc2 rgb(5,141,194)
```
#c2052f
```
#c2052f rgb(194,5,47)
```

Split Complementary Color

#8dc205
```
#8dc205 rgb(141,194,5)
```
#058dc2
```
#058dc2 rgb(5,141,194)
```
#c2058d
```
#c2058d rgb(194,5,141)
```

Triadic Color

#05c23a
```
#05c23a rgb(5,194,58)
```
#058dc2
```
#058dc2 rgb(5,141,194)
```
#c2058d
```
#c2058d rgb(194,5,141)
```
#c23a05
```
#c23a05 rgb(194,58,5)
```

Tetradic Color

#035777
```
#035777 rgb(3,87,119)
```
#046990
```
#046990 rgb(4,105,144)
```
#047ba9
```
#047ba9 rgb(4,123,169)
```
#058dc2
```
#058dc2 rgb(5,141,194)
```
#069fdb
```
#069fdb rgb(6,159,219)
```
#06b1f4
```
#06b1f4 rgb(6,177,244)
```
#1abbf9
```
#1abbf9 rgb(26,187,249)
```

Monochromatic Color

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

#05bcc2
```
#05bcc2 rgb(5,188,194)
```
#05adc2
```
#05adc2 rgb(5,173,194)
```
#059dc2
```
#059dc2 rgb(5,157,194)
```
#058dc2
```
#058dc2 rgb(5,141,194)
```
#057dc2
```
#057dc2 rgb(5,125,194)
```
#056ec2
```
#056ec2 rgb(5,110,194)
```
#055ec2
```
#055ec2 rgb(5,94,194)
```

Similar Colors

Text with hexadecimal color #058dc2

This text has a font color of #058dc2.

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

#058dc2 background color

This paragraph has a background color of #058dc2.

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

#058dc2 border color

This element has a border color of #058dc2.

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

CSS codes

.text {color:#058dc2;}

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

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

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)
```
#035576
```
#035576 rgb(3,85,118)
```
#046389
```
#046389 rgb(4,99,137)
```
#04719c
```
#04719c rgb(4,113,156)
```
#057faf
```
#057faf rgb(5,127,175)
```
#058dc2
```
#058dc2 rgb(5,141,194)
```
#059bd5
```
#059bd5 rgb(5,155,213)
```
#06a9e8
```
#06a9e8 rgb(6,169,232)
```

Shade Color Variation

#09b6f9
```
#09b6f9 rgb(9,182,249)
```
#1cbbf9
```
#1cbbf9 rgb(28,187,249)
```
#2fc1fa
```
#2fc1fa rgb(47,193,250)
```
#43c7fa
```
#43c7fa rgb(67,199,250)
```
#56ccfb
```
#56ccfb rgb(86,204,251)
```
#69d2fb
```
#69d2fb rgb(105,210,251)
```
#7cd8fc
```
#7cd8fc rgb(124,216,252)
```
#8fdefc
```
#8fdefc rgb(143,222,252)
```
#a2e3fd
```
#a2e3fd rgb(162,227,253)
```
#b5e9fd
```
#b5e9fd rgb(181,233,253)
```
#c8effe
```
#c8effe rgb(200,239,254)
```
#dcf4fe
```
#dcf4fe rgb(220,244,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 #058dc2 is the most saturated one.

#616566
```
#616566 rgb(97,101,102)
```
#59686e
```
#59686e rgb(89,104,110)
```
#526b75
```
#526b75 rgb(82,107,117)
```
#4a6f7d
```
#4a6f7d rgb(74,111,125)
```
#427285
```
#427285 rgb(66,114,133)
```
#3b758c
```
#3b758c rgb(59,117,140)
```
#337994
```
#337994 rgb(51,121,148)
```
#2b7c9c
```
#2b7c9c rgb(43,124,156)
```
#2480a3
```
#2480a3 rgb(36,128,163)
```
#1c83ab
```
#1c83ab rgb(28,131,171)
```
#1486b3
```
#1486b3 rgb(20,134,179)
```
#0d8aba
```
#0d8aba rgb(13,138,186)
```
#058dc2
```
#058dc2 rgb(5,141,194)
```

Tone Color Variation

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

#6a6a6a Achromatopsia 0.005% of the population
#56717c Atypical Achromatopsia 0.001% of the population

Dichromacy

#7888bd Protanopia 1% of men
#6a89c9 Deuteranopia 1% of men
#0097a1 Tritanopia 0.001% of the population

Trichromacy

#4e8abf Protanomaly 1% of men, 0.01% of women
#458ac6 Deuteranomaly 6% of men, 0.4% of women
#0193ad Tritanomaly 0.01% of the population

#058dc2 hex color

#058dc2 Color Information

#058dc2 Color Conversion

Color Schemes with #058dc2

Alternatives to #058dc2

#058dc2 Preview

Shades and Tints of #058dc2

Tones of #058dc2

Color Blindness Simulator