#58b8d9 hex color

In a RGB color space, hex #58b8d9 is composed of 34.5% red, 72.2% green and 85.1% blue. Whereas in a CMYK color space, it is composed of 59.4% cyan, 15.2% magenta, 0% yellow and 14.9% black. It has a hue angle of 195.3 degrees, a saturation of 62.9% and a lightness of 59.8%. #58b8d9 color hex could be obtained by blending #b0ffff with #0071b3. Closest websafe color is: #66cccc.

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

● #58b8d9 color description : Soft blue.

The hexadecimal color #58b8d9 has RGB values of R:88, G:184, B:217 and CMYK values of C:0.59, M:0.15, Y:0, K:0.15. Its decimal value is 5814489.

Hex triplet	58b8d9	`#58b8d9`
RGB Decimal	88, 184, 217	`rgb(88,184,217)`
RGB Percent	34.5, 72.2, 85.1	`rgb(34.5%,72.2%,85.1%)`
CMYK	59, 15, 0, 15
HSL	195.3°, 62.9, 59.8	`hsl(195.3,62.9%,59.8%)`
HSV (or HSB)	195.3°, 59.4, 85.1
Web Safe	66cccc	`#66cccc`

CIE-LAB	70.429, -18.7, -25.105
XYZ	33.686, 41.363, 71.85
xyY	0.229, 0.282, 41.363
CIE-LCH	70.429, 31.305, 233.318
CIE-LUV	70.429, -39.283, -36.886
Hunter-Lab	64.314, -19.056, -21.218
Binary	01011000, 10111000, 11011001

#58b8d9
```
#58b8d9 rgb(88,184,217)
```
#d97958
```
#d97958 rgb(217,121,88)
```

Complementary Color

#58d9ba
```
#58d9ba rgb(88,217,186)
```
#58b8d9
```
#58b8d9 rgb(88,184,217)
```
#5878d9
```
#5878d9 rgb(88,120,217)
```

Analogous Color

#d9ba58
```
#d9ba58 rgb(217,186,88)
```
#58b8d9
```
#58b8d9 rgb(88,184,217)
```
#d95878
```
#d95878 rgb(217,88,120)
```

Split Complementary Color

#b8d958
```
#b8d958 rgb(184,217,88)
```
#58b8d9
```
#58b8d9 rgb(88,184,217)
```
#d958b8
```
#d958b8 rgb(217,88,184)
```

Triadic Color

#58d979
```
#58d979 rgb(88,217,121)
```
#58b8d9
```
#58b8d9 rgb(88,184,217)
```
#d958b8
```
#d958b8 rgb(217,88,184)
```
#d97958
```
#d97958 rgb(217,121,88)
```

Tetradic Color

#2a95ba
```
#2a95ba rgb(42,149,186)
```
#2fa6cf
```
#2fa6cf rgb(47,166,207)
```
#43afd4
```
#43afd4 rgb(67,175,212)
```
#58b8d9
```
#58b8d9 rgb(88,184,217)
```
#6dc1de
```
#6dc1de rgb(109,193,222)
```
#82cae2
```
#82cae2 rgb(130,202,226)
```
#96d2e7
```
#96d2e7 rgb(150,210,231)
```

Monochromatic Color

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

#58d8d9
```
#58d8d9 rgb(88,216,217)
```
#58ced9
```
#58ced9 rgb(88,206,217)
```
#58c3d9
```
#58c3d9 rgb(88,195,217)
```
#58b8d9
```
#58b8d9 rgb(88,184,217)
```
#58add9
```
#58add9 rgb(88,173,217)
```
#58a3d9
```
#58a3d9 rgb(88,163,217)
```
#5898d9
```
#5898d9 rgb(88,152,217)
```

Similar Colors

Text with hexadecimal color #58b8d9

This text has a font color of #58b8d9.

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

#58b8d9 background color

This paragraph has a background color of #58b8d9.

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

#58b8d9 border color

This element has a border color of #58b8d9.

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

CSS codes

.text {color:#58b8d9;}

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

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

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

#020709
```
#020709 rgb(2,7,9)
```
#061419
```
#061419 rgb(6,20,25)
```
#092129
```
#092129 rgb(9,33,41)
```
#0d2e39
```
#0d2e39 rgb(13,46,57)
```
#113a49
```
#113a49 rgb(17,58,73)
```
#144759
```
#144759 rgb(20,71,89)
```
#185469
```
#185469 rgb(24,84,105)
```
#1b6179
```
#1b6179 rgb(27,97,121)
```
#1f6e89
```
#1f6e89 rgb(31,110,137)
```
#237a99
```
#237a99 rgb(35,122,153)
```
#2687a9
```
#2687a9 rgb(38,135,169)
```
#2a94b9
```
#2a94b9 rgb(42,148,185)
```
#2ea1c9
```
#2ea1c9 rgb(46,161,201)
```

Shade Color Variation

#38aad2
```
#38aad2 rgb(56,170,210)
```
#48b1d5
```
#48b1d5 rgb(72,177,213)
```
#58b8d9
```
#58b8d9 rgb(88,184,217)
```
#68bfdd
```
#68bfdd rgb(104,191,221)
```
#78c6e0
```
#78c6e0 rgb(120,198,224)
```
#88cce4
```
#88cce4 rgb(136,204,228)
```
#98d3e8
```
#98d3e8 rgb(152,211,232)
```
#a8daeb
```
#a8daeb rgb(168,218,235)
```
#b8e1ef
```
#b8e1ef rgb(184,225,239)
```
#c8e8f2
```
#c8e8f2 rgb(200,232,242)
```
#d8eef6
```
#d8eef6 rgb(216,238,246)
```
#e8f5fa
```
#e8f5fa rgb(232,245,250)
```
#f8fcfd
```
#f8fcfd rgb(248,252,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #97999a is the less saturated color, while #38c7f9 is the most saturated one.

#97999a
```
#97999a rgb(151,153,154)
```
#8f9da2
```
#8f9da2 rgb(143,157,162)
```
#87a1aa
```
#87a1aa rgb(135,161,170)
```
#7fa5b2
```
#7fa5b2 rgb(127,165,178)
```
#78a9b9
```
#78a9b9 rgb(120,169,185)
```
#70acc1
```
#70acc1 rgb(112,172,193)
```
#68b0c9
```
#68b0c9 rgb(104,176,201)
```
#60b4d1
```
#60b4d1 rgb(96,180,209)
```
#58b8d9
```
#58b8d9 rgb(88,184,217)
```
#50bce1
```
#50bce1 rgb(80,188,225)
```
#48c0e9
```
#48c0e9 rgb(72,192,233)
```
#40c4f1
```
#40c4f1 rgb(64,196,241)
```
#38c7f9
```
#38c7f9 rgb(56,199,249)
```

Tone Color Variation

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

#9f9f9f Achromatopsia 0.005% of the population
#91a4ab Atypical Achromatopsia 0.001% of the population

Dichromacy

#a8aed2 Protanopia 1% of men
#a5ade0 Deuteranopia 1% of men
#58becc Tritanopia 0.001% of the population

Trichromacy

#8ab2d5 Protanomaly 1% of men, 0.01% of women
#89b1dd Deuteranomaly 6% of men, 0.4% of women
#58bcd0 Tritanomaly 0.01% of the population

#58b8d9 hex color

#58b8d9 Color Information

#58b8d9 Color Conversion

Color Schemes with #58b8d9

Alternatives to #58b8d9

#58b8d9 Preview

Shades and Tints of #58b8d9

Tones of #58b8d9

Color Blindness Simulator