colorhexa.com

#58b5b4 hex color

In a RGB color space, hex #58b5b4 is composed of 34.5% red, 71% green and 70.6% blue. Whereas in a CMYK color space, it is composed of 51.4% cyan, 0% magenta, 0.6% yellow and 29% black. It has a hue angle of 179.4 degrees, a saturation of 38.6% and a lightness of 52.7%. #58b5b4 color hex could be obtained by blending #b0ffff with #006b69. Closest websafe color is: #66cccc.

- R 35
- G 71
- B 71
RGB color chart
- C 51
- M 0
- Y 1
- K 29
CMYK color chart

● #58b5b4 color description : Moderate cyan.

The hexadecimal color #58b5b4 has RGB values of R:88, G:181, B:180 and CMYK values of C:0.51, M:0, Y:0.01, K:0.29. Its decimal value is 5813684.

Hex triplet	58b5b4	`#58b5b4`
RGB Decimal	88, 181, 180	`rgb(88,181,180)`
RGB Percent	34.5, 71, 70.6	`rgb(34.5%,71%,70.6%)`
CMYK	51, 0, 1, 29
HSL	179.4°, 38.6, 52.7	`hsl(179.4,38.6%,52.7%)`
HSV (or HSB)	179.4°, 51.4, 71
Web Safe	66cccc	`#66cccc`

CIE-LAB	68.326, -27.704, -7.954
XYZ	28.784, 38.416, 49.076
xyY	0.248, 0.33, 38.416
CIE-LCH	68.326, 28.823, 196.019
CIE-LUV	68.326, -39.777, -7.75
Hunter-Lab	61.98, -25.569, -3.559
Binary	01011000, 10110101, 10110100

#58b5b4
```
#58b5b4 rgb(88,181,180)
```
#b55859
```
#b55859 rgb(181,88,89)
```

Complementary Color

#58b586
```
#58b586 rgb(88,181,134)
```
#58b5b4
```
#58b5b4 rgb(88,181,180)
```
#5888b5
```
#5888b5 rgb(88,136,181)
```

Analogous Color

#b58658
```
#b58658 rgb(181,134,88)
```
#58b5b4
```
#58b5b4 rgb(88,181,180)
```
#b55888
```
#b55888 rgb(181,88,136)
```

Split Complementary Color

#b5b458
```
#b5b458 rgb(181,180,88)
```
#58b5b4
```
#58b5b4 rgb(88,181,180)
```
#b458b5
```
#b458b5 rgb(180,88,181)
```

Triadic Color

#59b558
```
#59b558 rgb(89,181,88)
```
#58b5b4
```
#58b5b4 rgb(88,181,180)
```
#b458b5
```
#b458b5 rgb(180,88,181)
```
#b55859
```
#b55859 rgb(181,88,89)
```

Tetradic Color

#3b8585
```
#3b8585 rgb(59,133,133)
```
#439796
```
#439796 rgb(67,151,150)
```
#4ba9a8
```
#4ba9a8 rgb(75,169,168)
```
#58b5b4
```
#58b5b4 rgb(88,181,180)
```
#6abdbc
```
#6abdbc rgb(106,189,188)
```
#7bc5c4
```
#7bc5c4 rgb(123,197,196)
```
#8dcccc
```
#8dcccc rgb(141,204,204)
```

Monochromatic Color

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

#58b59d
```
#58b59d rgb(88,181,157)
```
#58b5a5
```
#58b5a5 rgb(88,181,165)
```
#58b5ac
```
#58b5ac rgb(88,181,172)
```
#58b5b4
```
#58b5b4 rgb(88,181,180)
```
#58aeb5
```
#58aeb5 rgb(88,174,181)
```
#58a7b5
```
#58a7b5 rgb(88,167,181)
```
#589fb5
```
#589fb5 rgb(88,159,181)
```

Similar Colors

Text with hexadecimal color #58b5b4

This text has a font color of #58b5b4.

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

#58b5b4 background color

This paragraph has a background color of #58b5b4.

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

#58b5b4 border color

This element has a border color of #58b5b4.

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

CSS codes

.text {color:#58b5b4;}

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

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

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, #040a0a is the darkest color, while #fbfdfd is the lightest one.

#040a0a
```
#040a0a rgb(4,10,10)
```
#0a1717
```
#0a1717 rgb(10,23,23)
```
#102525
```
#102525 rgb(16,37,37)
```
#163232
```
#163232 rgb(22,50,50)
```
#1c4040
```
#1c4040 rgb(28,64,64)
```
#224e4d
```
#224e4d rgb(34,78,77)
```
#285b5b
```
#285b5b rgb(40,91,91)
```
#2e6968
```
#2e6968 rgb(46,105,104)
```
#347676
```
#347676 rgb(52,118,118)
```
#3b8483
```
#3b8483 rgb(59,132,131)
```
#419291
```
#419291 rgb(65,146,145)
```
#479f9e
```
#479f9e rgb(71,159,158)
```
#4dadac
```
#4dadac rgb(77,173,172)
```

Shade Color Variation

#58b5b4
```
#58b5b4 rgb(88,181,180)
```
#66bbba
```
#66bbba rgb(102,187,186)
```
#73c1c0
```
#73c1c0 rgb(115,193,192)
```
#81c7c6
```
#81c7c6 rgb(129,199,198)
```
#8ecdcc
```
#8ecdcc rgb(142,205,204)
```
#9cd3d3
```
#9cd3d3 rgb(156,211,211)
```
#aad9d9
```
#aad9d9 rgb(170,217,217)
```
#b7dfdf
```
#b7dfdf rgb(183,223,223)
```
#c5e5e5
```
#c5e5e5 rgb(197,229,229)
```
#d2ebeb
```
#d2ebeb rgb(210,235,235)
```
#e0f1f1
```
#e0f1f1 rgb(224,241,241)
```
#eef7f7
```
#eef7f7 rgb(238,247,247)
```
#fbfdfd
```
#fbfdfd rgb(251,253,253)
```

Tint Color Variation

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

#868787
```
#868787 rgb(134,135,135)
```
#7d9090
```
#7d9090 rgb(125,144,144)
```
#749999
```
#749999 rgb(116,153,153)
```
#6ba2a2
```
#6ba2a2 rgb(107,162,162)
```
#61acab
```
#61acab rgb(97,172,171)
```
#58b5b4
```
#58b5b4 rgb(88,181,180)
```
#4fbebd
```
#4fbebd rgb(79,190,189)
```
#45c8c6
```
#45c8c6 rgb(69,200,198)
```
#3cd1cf
```
#3cd1cf rgb(60,209,207)
```
#33dad8
```
#33dad8 rgb(51,218,216)
```
#2ae3e1
```
#2ae3e1 rgb(42,227,225)
```
#20edea
```
#20edea rgb(32,237,234)
```
#17f6f3
```
#17f6f3 rgb(23,246,243)
```

Tone Color Variation

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

#999999 Achromatopsia 0.005% of the population
#8c9f9e Atypical Achromatopsia 0.001% of the population

Dichromacy

#acaaaf Protanopia 1% of men
#b1a7be Deuteranopia 1% of men
#66b6c4 Tritanopia 0.001% of the population

Trichromacy

#8daeb1 Protanomaly 1% of men, 0.01% of women
#91acba Deuteranomaly 6% of men, 0.4% of women
#60b6be Tritanomaly 0.01% of the population