#58a696 hex color

In a RGB color space, hex #58a696 is composed of 34.5% red, 65.1% green and 58.8% blue. Whereas in a CMYK color space, it is composed of 47% cyan, 0% magenta, 9.6% yellow and 34.9% black. It has a hue angle of 167.7 degrees, a saturation of 30.7% and a lightness of 49.8%. #58a696 color hex could be obtained by blending #b0ffff with #004d2d. Closest websafe color is: #669999.

♥
- f
- t
- g
- R 35
- G 65
- B 59
RGB color chart
- C 47
- M 0
- Y 10
- K 35
CMYK color chart

● #58a696 color description : Dark moderate cyan.

The hexadecimal color #58a696 has RGB values of R:88, G:166, B:150 and CMYK values of C:0.47, M:0, Y:0.1, K:0.35. Its decimal value is 5809814.

Hex triplet	58a696	`#58a696`
RGB Decimal	88, 166, 150	`rgb(88,166,150)`
RGB Percent	34.5, 65.1, 58.8	`rgb(34.5%,65.1%,58.8%)`
CMYK	47, 0, 10, 35
HSL	167.7°, 30.7, 49.8	`hsl(167.7,30.7%,49.8%)`
HSV (or HSB)	167.7°, 47, 65.1
Web Safe	669999	`#669999`

CIE-LAB	62.967, -28.059, 0.836
XYZ	23.164, 31.548, 33.721
xyY	0.262, 0.357, 31.548
CIE-LCH	62.967, 28.072, 178.293
CIE-LUV	62.967, -35.017, 5.587
Hunter-Lab	56.167, -24.677, 3.721
Binary	01011000, 10100110, 10010110

#58a696
```
#58a696 rgb(88,166,150)
```
#a65868
```
#a65868 rgb(166,88,104)
```

Complementary Color

#58a66f
```
#58a66f rgb(88,166,111)
```
#58a696
```
#58a696 rgb(88,166,150)
```
#588fa6
```
#588fa6 rgb(88,143,166)
```

Analogous Color

#a66f58
```
#a66f58 rgb(166,111,88)
```
#58a696
```
#58a696 rgb(88,166,150)
```
#a6588f
```
#a6588f rgb(166,88,143)
```

Split Complementary Color

#a69658
```
#a69658 rgb(166,150,88)
```
#58a696
```
#58a696 rgb(88,166,150)
```
#9658a6
```
#9658a6 rgb(150,88,166)
```

Triadic Color

#68a658
```
#68a658 rgb(104,166,88)
```
#58a696
```
#58a696 rgb(88,166,150)
```
#9658a6
```
#9658a6 rgb(150,88,166)
```
#a65868
```
#a65868 rgb(166,88,104)
```

Tetradic Color

#3d7469
```
#3d7469 rgb(61,116,105)
```
#468578
```
#468578 rgb(70,133,120)
```
#4f9587
```
#4f9587 rgb(79,149,135)
```
#58a696
```
#58a696 rgb(88,166,150)
```
#68afa1
```
#68afa1 rgb(104,175,161)
```
#79b8ab
```
#79b8ab rgb(121,184,171)
```
#8ac1b6
```
#8ac1b6 rgb(138,193,182)
```

Monochromatic Color

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

#58a683
```
#58a683 rgb(88,166,131)
```
#58a689
```
#58a689 rgb(88,166,137)
```
#58a690
```
#58a690 rgb(88,166,144)
```
#58a696
```
#58a696 rgb(88,166,150)
```
#58a69d
```
#58a69d rgb(88,166,157)
```
#58a6a3
```
#58a6a3 rgb(88,166,163)
```
#58a3a6
```
#58a3a6 rgb(88,163,166)
```

Similar Colors

Text with hexadecimal color #58a696

This text has a font color of #58a696.

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

#58a696 background color

This paragraph has a background color of #58a696.

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

#58a696 border color

This element has a border color of #58a696.

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

CSS codes

.text {color:#58a696;}

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

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

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, #060c0b is the darkest color, while #feffff is the lightest one.

#060c0b
```
#060c0b rgb(6,12,11)
```
#0d1917
```
#0d1917 rgb(13,25,23)
```
#142622
```
#142622 rgb(20,38,34)
```
#1b332e
```
#1b332e rgb(27,51,46)
```
#223f39
```
#223f39 rgb(34,63,57)
```
#284c45
```
#284c45 rgb(40,76,69)
```
#2f5950
```
#2f5950 rgb(47,89,80)
```
#36665c
```
#36665c rgb(54,102,92)
```
#3d7368
```
#3d7368 rgb(61,115,104)
```
#448073
```
#448073 rgb(68,128,115)
```
#4a8c7f
```
#4a8c7f rgb(74,140,127)
```
#51998a
```
#51998a rgb(81,153,138)
```
#58a696
```
#58a696 rgb(88,166,150)
```

Shade Color Variation

#65ad9e
```
#65ad9e rgb(101,173,158)
```
#71b4a6
```
#71b4a6 rgb(113,180,166)
```
#7ebbae
```
#7ebbae rgb(126,187,174)
```
#8bc1b6
```
#8bc1b6 rgb(139,193,182)
```
#98c8be
```
#98c8be rgb(152,200,190)
```
#a5cfc6
```
#a5cfc6 rgb(165,207,198)
```
#b1d6ce
```
#b1d6ce rgb(177,214,206)
```
#beddd6
```
#beddd6 rgb(190,221,214)
```
#cbe3de
```
#cbe3de rgb(203,227,222)
```
#d8eae6
```
#d8eae6 rgb(216,234,230)
```
#e5f1ef
```
#e5f1ef rgb(229,241,239)
```
#f2f8f7
```
#f2f8f7 rgb(242,248,247)
```
#feffff
```
#feffff rgb(254,255,255)
```

Tint Color Variation

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

#758985
```
#758985 rgb(117,137,133)
```
#6c928a
```
#6c928a rgb(108,146,138)
```
#629c90
```
#629c90 rgb(98,156,144)
```
#58a696
```
#58a696 rgb(88,166,150)
```
#4eb09c
```
#4eb09c rgb(78,176,156)
```
#44baa2
```
#44baa2 rgb(68,186,162)
```
#3bc3a7
```
#3bc3a7 rgb(59,195,167)
```
#31cdad
```
#31cdad rgb(49,205,173)
```
#27d7b3
```
#27d7b3 rgb(39,215,179)
```
#1de1b9
```
#1de1b9 rgb(29,225,185)
```
#14eabe
```
#14eabe rgb(20,234,190)
```
#0af4c4
```
#0af4c4 rgb(10,244,196)
```
#00feca
```
#00feca rgb(0,254,202)
```

Tone Color Variation

Below, you can see how #58a696 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
#82928f Atypical Achromatopsia 0.001% of the population

Dichromacy

#a29d94 Protanopia 1% of men
#aa99a1 Deuteranopia 1% of men
#69a7b3 Tritanopia 0.001% of the population

Trichromacy

#87a095 Protanomaly 1% of men, 0.01% of women
#8c9d9d Deuteranomaly 6% of men, 0.4% of women
#62a6a8 Tritanomaly 0.01% of the population

#58a696 hex color

#58a696 Color Information

#58a696 Color Conversion

Color Schemes with #58a696

Alternatives to #58a696

#58a696 Preview

Shades and Tints of #58a696

Tones of #58a696

Color Blindness Simulator