#58b6d5 hex color

In a RGB color space, hex #58b6d5 is composed of 34.5% red, 71.4% green and 83.5% blue. Whereas in a CMYK color space, it is composed of 58.7% cyan, 14.6% magenta, 0% yellow and 16.5% black. It has a hue angle of 194.9 degrees, a saturation of 59.8% and a lightness of 59%. #58b6d5 color hex could be obtained by blending #b0ffff with #006dab. Closest websafe color is: #66cccc.

♥
- f
- t
- g
- R 35
- G 71
- B 84
RGB color chart
- C 59
- M 15
- Y 0
- K 16
CMYK color chart

● #58b6d5 color description : Moderate cyan.

The hexadecimal color #58b6d5 has RGB values of R:88, G:182, B:213 and CMYK values of C:0.59, M:0.15, Y:0, K:0.16. Its decimal value is 5813973.

Hex triplet	58b6d5	`#58b6d5`
RGB Decimal	88, 182, 213	`rgb(88,182,213)`
RGB Percent	34.5, 71.4, 83.5	`rgb(34.5%,71.4%,83.5%)`
CMYK	59, 15, 0, 16
HSL	194.9°, 59.8, 59	`hsl(194.9,59.8%,59%)`
HSV (or HSB)	194.9°, 58.7, 83.5
Web Safe	66cccc	`#66cccc`

CIE-LAB	69.706, -18.855, -24.025
XYZ	32.76, 40.332, 69.006
xyY	0.231, 0.284, 40.332
CIE-LCH	69.706, 30.54, 231.875
CIE-LUV	69.706, -38.713, -35.014
Hunter-Lab	63.508, -19.062, -19.967
Binary	01011000, 10110110, 11010101

#58b6d5
```
#58b6d5 rgb(88,182,213)
```
#d57758
```
#d57758 rgb(213,119,88)
```

Complementary Color

#58d5b6
```
#58d5b6 rgb(88,213,182)
```
#58b6d5
```
#58b6d5 rgb(88,182,213)
```
#5878d5
```
#5878d5 rgb(88,120,213)
```

Analogous Color

#d5b658
```
#d5b658 rgb(213,182,88)
```
#58b6d5
```
#58b6d5 rgb(88,182,213)
```
#d55878
```
#d55878 rgb(213,88,120)
```

Split Complementary Color

#b6d558
```
#b6d558 rgb(182,213,88)
```
#58b6d5
```
#58b6d5 rgb(88,182,213)
```
#d558b6
```
#d558b6 rgb(213,88,182)
```

Triadic Color

#58d577
```
#58d577 rgb(88,213,119)
```
#58b6d5
```
#58b6d5 rgb(88,182,213)
```
#d558b6
```
#d558b6 rgb(213,88,182)
```
#d57758
```
#d57758 rgb(213,119,88)
```

Tetradic Color

#2d92b3
```
#2d92b3 rgb(45,146,179)
```
#32a3c8
```
#32a3c8 rgb(50,163,200)
```
#44add0
```
#44add0 rgb(68,173,208)
```
#58b6d5
```
#58b6d5 rgb(88,182,213)
```
#6cbfda
```
#6cbfda rgb(108,191,218)
```
#81c8df
```
#81c8df rgb(129,200,223)
```
#95d1e4
```
#95d1e4 rgb(149,209,228)
```

Monochromatic Color

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

#58d5d5
```
#58d5d5 rgb(88,213,213)
```
#58cbd5
```
#58cbd5 rgb(88,203,213)
```
#58c0d5
```
#58c0d5 rgb(88,192,213)
```
#58b6d5
```
#58b6d5 rgb(88,182,213)
```
#58acd5
```
#58acd5 rgb(88,172,213)
```
#58a1d5
```
#58a1d5 rgb(88,161,213)
```
#5897d5
```
#5897d5 rgb(88,151,213)
```

Similar Colors

Text with hexadecimal color #58b6d5

This text has a font color of #58b6d5.

<span style="color:#58b6d5;">Text here</span>

#58b6d5 background color

This paragraph has a background color of #58b6d5.

<p style="background-color:#58b6d5;">Content here</p>

#58b6d5 border color

This element has a border color of #58b6d5.

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

CSS codes

.text {color:#58b6d5;}

.background {background-color:#58b6d5;}

.border {border:1px solid #58b6d5;}

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

#010405
```
#010405 rgb(1,4,5)
```
#051115
```
#051115 rgb(5,17,21)
```
#091e25
```
#091e25 rgb(9,30,37)
```
#0d2b34
```
#0d2b34 rgb(13,43,52)
```
#113744
```
#113744 rgb(17,55,68)
```
#154454
```
#154454 rgb(21,68,84)
```
#195163
```
#195163 rgb(25,81,99)
```
#1d5e73
```
#1d5e73 rgb(29,94,115)
```
#216b83
```
#216b83 rgb(33,107,131)
```
#257792
```
#257792 rgb(37,119,146)
```
#2984a2
```
#2984a2 rgb(41,132,162)
```
#2d91b2
```
#2d91b2 rgb(45,145,178)
```
#319ec1
```
#319ec1 rgb(49,158,193)
```

Shade Color Variation

#39a8cd
```
#39a8cd rgb(57,168,205)
```
#48afd1
```
#48afd1 rgb(72,175,209)
```
#58b6d5
```
#58b6d5 rgb(88,182,213)
```
#68bdd9
```
#68bdd9 rgb(104,189,217)
```
#77c4dd
```
#77c4dd rgb(119,196,221)
```
#87cbe1
```
#87cbe1 rgb(135,203,225)
```
#97d1e5
```
#97d1e5 rgb(151,209,229)
```
#a6d8e9
```
#a6d8e9 rgb(166,216,233)
```
#b6dfed
```
#b6dfed rgb(182,223,237)
```
#c6e6f1
```
#c6e6f1 rgb(198,230,241)
```
#d5edf5
```
#d5edf5 rgb(213,237,245)
```
#e5f4f8
```
#e5f4f8 rgb(229,244,248)
```
#f5fbfc
```
#f5fbfc rgb(245,251,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #909a9d is the less saturated color, while #30cafd is the most saturated one.

#909a9d
```
#909a9d rgb(144,154,157)
```
#889ea5
```
#889ea5 rgb(136,158,165)
```
#80a2ad
```
#80a2ad rgb(128,162,173)
```
#78a6b5
```
#78a6b5 rgb(120,166,181)
```
#70aabd
```
#70aabd rgb(112,170,189)
```
#68aec5
```
#68aec5 rgb(104,174,197)
```
#60b2cd
```
#60b2cd rgb(96,178,205)
```
#58b6d5
```
#58b6d5 rgb(88,182,213)
```
#50badd
```
#50badd rgb(80,186,221)
```
#48bee5
```
#48bee5 rgb(72,190,229)
```
#40c2ed
```
#40c2ed rgb(64,194,237)
```
#38c6f5
```
#38c6f5 rgb(56,198,245)
```
#30cafd
```
#30cafd rgb(48,202,253)
```

Tone Color Variation

Below, you can see how #58b6d5 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

#9d9d9d Achromatopsia 0.005% of the population
#8fa2a8 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a6adcf Protanopia 1% of men
#a5abdc Deuteranopia 1% of men
#59bcc9 Tritanopia 0.001% of the population

Trichromacy

#8ab0d1 Protanomaly 1% of men, 0.01% of women
#89afd9 Deuteranomaly 6% of men, 0.4% of women
#58b9cd Tritanomaly 0.01% of the population

#58b6d5 hex color

#58b6d5 Color Information

#58b6d5 Color Conversion

Color Schemes with #58b6d5

Alternatives to #58b6d5

#58b6d5 Preview

Shades and Tints of #58b6d5

Tones of #58b6d5

Color Blindness Simulator