#58a9bf hex color

In a RGB color space, hex #58a9bf is composed of 34.5% red, 66.3% green and 74.9% blue. Whereas in a CMYK color space, it is composed of 53.9% cyan, 11.5% magenta, 0% yellow and 25.1% black. It has a hue angle of 192.8 degrees, a saturation of 44.6% and a lightness of 54.7%. #58a9bf color hex could be obtained by blending #b0ffff with #00537f. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 35
- G 66
- B 75
RGB color chart
- C 54
- M 12
- Y 0
- K 25
CMYK color chart

● #58a9bf color description : Moderate cyan.

The hexadecimal color #58a9bf has RGB values of R:88, G:169, B:191 and CMYK values of C:0.54, M:0.12, Y:0, K:0.25. Its decimal value is 5810623.

Hex triplet	58a9bf	`#58a9bf`
RGB Decimal	88, 169, 191	`rgb(88,169,191)`
RGB Percent	34.5, 66.3, 74.9	`rgb(34.5%,66.3%,74.9%)`
CMYK	54, 12, 0, 25
HSL	192.8°, 44.6, 54.7	`hsl(192.8,44.6%,54.7%)`
HSV (or HSB)	192.8°, 53.9, 74.9
Web Safe	6699cc	`#6699cc`

CIE-LAB	65.129, -18.538, -18.856
XYZ	27.614, 34.21, 54.435
xyY	0.238, 0.294, 34.21
CIE-LCH	65.129, 26.443, 225.487
CIE-LUV	65.129, -34.679, -26.277
Hunter-Lab	58.49, -18.084, -14.238
Binary	01011000, 10101001, 10111111

#58a9bf
```
#58a9bf rgb(88,169,191)
```
#bf6e58
```
#bf6e58 rgb(191,110,88)
```

Complementary Color

#58bfa2
```
#58bfa2 rgb(88,191,162)
```
#58a9bf
```
#58a9bf rgb(88,169,191)
```
#5876bf
```
#5876bf rgb(88,118,191)
```

Analogous Color

#bfa258
```
#bfa258 rgb(191,162,88)
```
#58a9bf
```
#58a9bf rgb(88,169,191)
```
#bf5876
```
#bf5876 rgb(191,88,118)
```

Split Complementary Color

#a9bf58
```
#a9bf58 rgb(169,191,88)
```
#58a9bf
```
#58a9bf rgb(88,169,191)
```
#bf58a9
```
#bf58a9 rgb(191,88,169)
```

Triadic Color

#58bf6e
```
#58bf6e rgb(88,191,110)
```
#58a9bf
```
#58a9bf rgb(88,169,191)
```
#bf58a9
```
#bf58a9 rgb(191,88,169)
```
#bf6e58
```
#bf6e58 rgb(191,110,88)
```

Tetradic Color

#387f92
```
#387f92 rgb(56,127,146)
```
#3f8fa5
```
#3f8fa5 rgb(63,143,165)
```
#469fb7
```
#469fb7 rgb(70,159,183)
```
#58a9bf
```
#58a9bf rgb(88,169,191)
```
#6ab2c6
```
#6ab2c6 rgb(106,178,198)
```
#7dbccd
```
#7dbccd rgb(125,188,205)
```
#8fc5d4
```
#8fc5d4 rgb(143,197,212)
```

Monochromatic Color

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

#58bfbb
```
#58bfbb rgb(88,191,187)
```
#58babf
```
#58babf rgb(88,186,191)
```
#58b2bf
```
#58b2bf rgb(88,178,191)
```
#58a9bf
```
#58a9bf rgb(88,169,191)
```
#58a0bf
```
#58a0bf rgb(88,160,191)
```
#5898bf
```
#5898bf rgb(88,152,191)
```
#588fbf
```
#588fbf rgb(88,143,191)
```

Similar Colors

Text with hexadecimal color #58a9bf

This text has a font color of #58a9bf.

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

#58a9bf background color

This paragraph has a background color of #58a9bf.

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

#58a9bf border color

This element has a border color of #58a9bf.

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

CSS codes

.text {color:#58a9bf;}

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

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

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

#010303
```
#010303 rgb(1,3,3)
```
#070f11
```
#070f11 rgb(7,15,17)
```
#0c1b20
```
#0c1b20 rgb(12,27,32)
```
#12282e
```
#12282e rgb(18,40,46)
```
#17343c
```
#17343c rgb(23,52,60)
```
#1c404a
```
#1c404a rgb(28,64,74)
```
#224d58
```
#224d58 rgb(34,77,88)
```
#275966
```
#275966 rgb(39,89,102)
```
#2d6575
```
#2d6575 rgb(45,101,117)
```
#327283
```
#327283 rgb(50,114,131)
```
#387e91
```
#387e91 rgb(56,126,145)
```
#3d8a9f
```
#3d8a9f rgb(61,138,159)
```
#4297ad
```
#4297ad rgb(66,151,173)
```

Shade Color Variation

#4aa2ba
```
#4aa2ba rgb(74,162,186)
```
#58a9bf
```
#58a9bf rgb(88,169,191)
```
#66b0c4
```
#66b0c4 rgb(102,176,196)
```
#74b8ca
```
#74b8ca rgb(116,184,202)
```
#83bfcf
```
#83bfcf rgb(131,191,207)
```
#91c6d5
```
#91c6d5 rgb(145,198,213)
```
#9fceda
```
#9fceda rgb(159,206,218)
```
#add5e0
```
#add5e0 rgb(173,213,224)
```
#bbdce5
```
#bbdce5 rgb(187,220,229)
```
#c9e3ea
```
#c9e3ea rgb(201,227,234)
```
#d8ebf0
```
#d8ebf0 rgb(216,235,240)
```
#e6f2f5
```
#e6f2f5 rgb(230,242,245)
```
#f4f9fb
```
#f4f9fb rgb(244,249,251)
```

Tint Color Variation

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

#849093
```
#849093 rgb(132,144,147)
```
#7c959b
```
#7c959b rgb(124,149,155)
```
#739aa4
```
#739aa4 rgb(115,154,164)
```
#6a9fad
```
#6a9fad rgb(106,159,173)
```
#61a4b6
```
#61a4b6 rgb(97,164,182)
```
#58a9bf
```
#58a9bf rgb(88,169,191)
```
#4faec8
```
#4faec8 rgb(79,174,200)
```
#46b3d1
```
#46b3d1 rgb(70,179,209)
```
#3db8da
```
#3db8da rgb(61,184,218)
```
#34bde3
```
#34bde3 rgb(52,189,227)
```
#2cc2eb
```
#2cc2eb rgb(44,194,235)
```
#23c8f4
```
#23c8f4 rgb(35,200,244)
```
#1acdfd
```
#1acdfd rgb(26,205,253)
```

Tone Color Variation

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

#939393 Achromatopsia 0.005% of the population
#87979c Atypical Achromatopsia 0.001% of the population

Dichromacy

#9ea1bb Protanopia 1% of men
#9ea0c7 Deuteranopia 1% of men
#5daebb Tritanopia 0.001% of the population

Trichromacy

#84a4bc Protanomaly 1% of men, 0.01% of women
#84a3c4 Deuteranomaly 6% of men, 0.4% of women
#5bacbc Tritanomaly 0.01% of the population

#58a9bf hex color

#58a9bf Color Information

#58a9bf Color Conversion

Color Schemes with #58a9bf

Alternatives to #58a9bf

#58a9bf Preview

Shades and Tints of #58a9bf

Tones of #58a9bf

Color Blindness Simulator