#58a0b9 hex color

In a RGB color space, hex #58a0b9 is composed of 34.5% red, 62.7% green and 72.5% blue. Whereas in a CMYK color space, it is composed of 52.4% cyan, 13.5% magenta, 0% yellow and 27.5% black. It has a hue angle of 195.5 degrees, a saturation of 40.9% and a lightness of 53.5%. #58a0b9 color hex could be obtained by blending #b0ffff with #004173. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 35
- G 63
- B 73
RGB color chart
- C 52
- M 14
- Y 0
- K 27
CMYK color chart

● #58a0b9 color description : Moderate blue.

The hexadecimal color #58a0b9 has RGB values of R:88, G:160, B:185 and CMYK values of C:0.52, M:0.14, Y:0, K:0.27. Its decimal value is 5808313.

Hex triplet	58a0b9	`#58a0b9`
RGB Decimal	88, 160, 185	`rgb(88,160,185)`
RGB Percent	34.5, 62.7, 72.5	`rgb(34.5%,62.7%,72.5%)`
CMYK	52, 14, 0, 27
HSL	195.5°, 40.9, 53.5	`hsl(195.5,40.9%,53.5%)`
HSV (or HSB)	195.5°, 52.4, 72.5
Web Safe	6699cc	`#6699cc`

CIE-LAB	62.268, -15.516, -19.857
XYZ	25.35, 30.717, 50.489
xyY	0.238, 0.288, 30.717
CIE-LCH	62.268, 25.2, 231.995
CIE-LUV	62.268, -31.409, -28.116
Hunter-Lab	55.423, -15.347, -15.216
Binary	01011000, 10100000, 10111001

#58a0b9
```
#58a0b9 rgb(88,160,185)
```
#b97158
```
#b97158 rgb(185,113,88)
```

Complementary Color

#58b9a2
```
#58b9a2 rgb(88,185,162)
```
#58a0b9
```
#58a0b9 rgb(88,160,185)
```
#5870b9
```
#5870b9 rgb(88,112,185)
```

Analogous Color

#b9a258
```
#b9a258 rgb(185,162,88)
```
#58a0b9
```
#58a0b9 rgb(88,160,185)
```
#b95870
```
#b95870 rgb(185,88,112)
```

Split Complementary Color

#a0b958
```
#a0b958 rgb(160,185,88)
```
#58a0b9
```
#58a0b9 rgb(88,160,185)
```
#b958a0
```
#b958a0 rgb(185,88,160)
```

Triadic Color

#58b971
```
#58b971 rgb(88,185,113)
```
#58a0b9
```
#58a0b9 rgb(88,160,185)
```
#b958a0
```
#b958a0 rgb(185,88,160)
```
#b97158
```
#b97158 rgb(185,113,88)
```

Tetradic Color

#3a768a
```
#3a768a rgb(58,118,138)
```
#42859c
```
#42859c rgb(66,133,156)
```
#4994ae
```
#4994ae rgb(73,148,174)
```
#58a0b9
```
#58a0b9 rgb(88,160,185)
```
#6aaac1
```
#6aaac1 rgb(106,170,193)
```
#7cb4c8
```
#7cb4c8 rgb(124,180,200)
```
#8ebfd0
```
#8ebfd0 rgb(142,191,208)
```

Monochromatic Color

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

#58b8b9
```
#58b8b9 rgb(88,184,185)
```
#58b0b9
```
#58b0b9 rgb(88,176,185)
```
#58a8b9
```
#58a8b9 rgb(88,168,185)
```
#58a0b9
```
#58a0b9 rgb(88,160,185)
```
#5898b9
```
#5898b9 rgb(88,152,185)
```
#5890b9
```
#5890b9 rgb(88,144,185)
```
#5888b9
```
#5888b9 rgb(88,136,185)
```

Similar Colors

Text with hexadecimal color #58a0b9

This text has a font color of #58a0b9.

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

#58a0b9 background color

This paragraph has a background color of #58a0b9.

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

#58a0b9 border color

This element has a border color of #58a0b9.

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

CSS codes

.text {color:#58a0b9;}

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

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

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, #050b0d is the darkest color, while #fefeff is the lightest one.

#050b0d
```
#050b0d rgb(5,11,13)
```
#0b171b
```
#0b171b rgb(11,23,27)
```
#112228
```
#112228 rgb(17,34,40)
```
#172e36
```
#172e36 rgb(23,46,54)
```
#1c3a44
```
#1c3a44 rgb(28,58,68)
```
#224652
```
#224652 rgb(34,70,82)
```
#285160
```
#285160 rgb(40,81,96)
```
#2e5d6d
```
#2e5d6d rgb(46,93,109)
```
#34697b
```
#34697b rgb(52,105,123)
```
#397589
```
#397589 rgb(57,117,137)
```
#3f8097
```
#3f8097 rgb(63,128,151)
```
#458ca5
```
#458ca5 rgb(69,140,165)
```
#4b98b3
```
#4b98b3 rgb(75,152,179)
```

Shade Color Variation

#58a0b9
```
#58a0b9 rgb(88,160,185)
```
#66a8bf
```
#66a8bf rgb(102,168,191)
```
#74b0c5
```
#74b0c5 rgb(116,176,197)
```
#81b8ca
```
#81b8ca rgb(129,184,202)
```
#8fbfd0
```
#8fbfd0 rgb(143,191,208)
```
#9dc7d6
```
#9dc7d6 rgb(157,199,214)
```
#abcfdc
```
#abcfdc rgb(171,207,220)
```
#b9d7e2
```
#b9d7e2 rgb(185,215,226)
```
#c7dfe7
```
#c7dfe7 rgb(199,223,231)
```
#d4e7ed
```
#d4e7ed rgb(212,231,237)
```
#e2eff3
```
#e2eff3 rgb(226,239,243)
```
#f0f6f9
```
#f0f6f9 rgb(240,246,249)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #868a8b is the less saturated color, while #18bff9 is the most saturated one.

#868a8b
```
#868a8b rgb(134,138,139)
```
#7c8e95
```
#7c8e95 rgb(124,142,149)
```
#73939e
```
#73939e rgb(115,147,158)
```
#6a97a7
```
#6a97a7 rgb(106,151,167)
```
#619cb0
```
#619cb0 rgb(97,156,176)
```
#58a0b9
```
#58a0b9 rgb(88,160,185)
```
#4fa4c2
```
#4fa4c2 rgb(79,164,194)
```
#46a9cb
```
#46a9cb rgb(70,169,203)
```
#3dadd4
```
#3dadd4 rgb(61,173,212)
```
#34b2dd
```
#34b2dd rgb(52,178,221)
```
#2ab6e7
```
#2ab6e7 rgb(42,182,231)
```
#21bbf0
```
#21bbf0 rgb(33,187,240)
```
#18bff9
```
#18bff9 rgb(24,191,249)
```

Tone Color Variation

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

#8d8d8d Achromatopsia 0.005% of the population
#829196 Atypical Achromatopsia 0.001% of the population

Dichromacy

#959ab6 Protanopia 1% of men
#9699c1 Deuteranopia 1% of men
#5ca6b2 Tritanopia 0.001% of the population

Trichromacy

#7f9cb7 Protanomaly 1% of men, 0.01% of women
#7f9bbe Deuteranomaly 6% of men, 0.4% of women
#5aa4b5 Tritanomaly 0.01% of the population

#58a0b9 hex color

#58a0b9 Color Information

#58a0b9 Color Conversion

Color Schemes with #58a0b9

Alternatives to #58a0b9

#58a0b9 Preview

Shades and Tints of #58a0b9

Tones of #58a0b9

Color Blindness Simulator