#58B0AA color HEX code RGB, HSL, CMYK COLOR CODE FOR HEXA COLOR #58B0AA

#58B0AA

In a RGB color space, hex #58B0AA is composed of 35% red, 69% green and 67% blue. RGB color code is composed of a hexadecimal 58 red (88/255), a B0 green (176/255) and a AA blue component (170/255). The decimal RGB color code is rgb(88,176,170) In CMYK color space, it is composed of 50% cyan, 0% magenta, 3% yellow and 31% black. It has a hue angle of 175.91o degrees, a saturation of 36% and a lightness of 52%. Closest websafe color is: #669999 rgb (102, 153, 153).

Color conversion

---

Convert color

---

The hexadecimal color #58B0AA has RGB values of R:88, G:176, B:170 and CMYK values of C:50, M:0, Y:3, K:31. Its decimal value is 5812394.Binary code is 10110001011000010101010
In print we use cyan, yellow, magenta and black (CMYK) inks because usually we print on a white paper.

Hex color 58B0AA  #58B0AA RGB decimal 88, 176, 170  rgb(88, 176, 170) RGB % 35, 69, 67  rgb(35%, 69%, 67%) RGB Adobe 121, 174, 169 CMYK % 50, 0, 3, 31  50%, 0%, 3%, 31% HSL 175.91o, 36, 52  hsl(175.91o, 36%, 52%) HSV (HSB) 176o, 50%, 69%  hsv(176o, 50%, 69%)

Web Safe color #669999 rgb (102, 153, 153) XYZ 26.806, 36.028 43.571 xyY 0.25, 0.34, 36.03 Hunter-Lab 60.02, -22.47, -4.45 CMY 65%, 31%, 33% Lab 66.31, -28.8, -5.52 Binary color 58 B0 AA 1011000 10110000 10101010

Shades and tints of #58B0AA

---

A shade is achieved by adding black to original color on hue code.
A tint is created by mixing color with white.
Use the palette to pick a color or the sliders to set the RGB, HSV, CMYK components.
For example here: #112322 is the darkest color, and: #DEF0EF is the lightest one.

Tint color variation #58B0AA

#71BCB7 rgb (113,188,183) #71BCB7 #86C6C2 rgb (134,198,194) #86C6C2 #98CFCB rgb (152,207,203) #98CFCB #A7D6D3 rgb (167,214,211) #A7D6D3 #B4DCDA rgb (180,220,218) #B4DCDA #BFE1E0 rgb (191,225,224) #BFE1E0 #C9E6E5 rgb (201,230,229) #C9E6E5 #D1EAE9 rgb (209,234,233) #D1EAE9 #D8EDEC rgb (216,237,236) #D8EDEC #DEF0EF rgb (222,240,239) #DEF0EF

Shade color variation

#4B9691 rgb (75,150,145) #4B9691 #40807B rgb (64,128,123) #40807B #366D69 rgb (54,109,105) #366D69 #2E5D59 rgb (46,93,89) #2E5D59 #274F4C rgb (39,79,76) #274F4C #214341 rgb (33,67,65) #214341 #1C3937 rgb (28,57,55) #1C3937 #18302F rgb (24,48,47) #18302F #142928 rgb (20,41,40) #142928 #112322 rgb (17,35,34) #112322

Tones of #58B0AA

A tone is produced by adding gray to any pure hue. In this case, #5CABA6 is the less saturated color, and #73918F is the most saturated one.

#5CABA6 rgb (92,171,166) #5CABA6 #60A7A2 rgb (96,167,162) #60A7A2 #63A39F rgb (99,163,159) #63A39F #66A09C rgb (102,160,156) #66A09C #699D99 rgb (105,157,153) #699D99 #6B9A97 rgb (107,154,151) #6B9A97 #6D9795 rgb (109,151,149) #6D9795 #6F9593 rgb (111,149,147) #6F9593 #719391 rgb (113,147,145) #719391 #73918F rgb (115,145,143) #73918F

Alternatives to #58B0AA

---

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

#5874AA rgb (88,116,170) #5874AA #5888AA rgb (88,136,170) #5888AA #589CAA rgb (88,156,170) #589CAA #58C4AA rgb (88,196,170) #58C4AA #58D8AA rgb (88,216,170) #58D8AA #58ECAA rgb (88,236,170) #58ECAA

Quick use #58B0AA

---

How to use this color on webpages, scripts or other programming languages using html, CSS, dhtml, JAVA, .NET, openGL, Swift, Xojo

Color of the text	Background color example
Color of the text	Background color example
<font color="#58B0AA;">Text here</font>	<div style="background-color:#58B0AA;">Text here</div>

Color preview on black background	Color preview on white background
color preview on black background	color preview on white background
HTML code <div style="background-color:#000000"> <font color="#58B0AA;">Text here</font> </div>	HTML code <div style="background-color:#FFFFFF; border: 1px dotted #999999;"> <font color="#58B0AA;">Text here</font> </div>

Div box shadow	Text shadow css code
box shadow for color #58B0AA	text shadow css code
HTML code <div style="background-color:#FFFFFF; box-shadow: 2px 2px 7px 1px #58B0AA;"></div> CSS code .box-shadow: 2px 2px 7px 1px;	CSS code .text-shadow: 1px 2px 2px #58B0AA;

Box border html code	Text shadow with RGB values for color #58B0AA
box border html code for color #58B0AA	text shadow with RGB values
HTML code <div style="background-color:#FFFFFF; border:1px solid #58B0AA;"></div>	CSS code with RGB .text-shadow: 0px 2px 2px rgba(88, 176, 170, 1.4);

Pre-formatted code 58B0AA	code for script / programming
HTML, CSS:	= #58B0AA; rgb(88, 176, 170)
Java:	= new Color(88, 176, 170)
.NET:	= Color.FromArgb (88, 176, 170);
Xojo:	= rgb (88, 176, 170, 0);
openGL:	= glColor3f (0.35f, 0.69f, 0.67f);
Swift:	= UIColor(red:0.35, green:0.69, blue:0.67, alpha:1.00000);
Objective-C:	= [UIColor colorWithRed:0.35 green:0.69 blue:0.67 alpha:1.00000];

Color schemes with #58B0AA

---

Monochromatic color Monochromatic color schemes are easy to create because they use only one color. Monochromatic schemes use different tones from the same angle on the color wheel (the same angle).Just change color saturation +10% and you have a new monocromatic color. On our case color: 50% has a #58B0AA saturation. Adding 50% + 10% = 60% saturation for our new color #378A84. Decreasing 50% - 10% = 40% saturation for other monochromatic color #81D6D0. #81d6d0 rgb (129,214,208) #81d6d0 40% saturation #81706e rgb (79,112,110) #81706e 30% saturation #378a84 rgb (55,138,132) #378a84 60% saturation #22706b rgb (34,112,107) #22706b 70% saturation

Analogous color Analogous color schemes are created by using colors that are next to each other on the color wheel. Just +/- 30o on sides of the color hue angle. #588AB0 rgb (88,138,176) #588AB0 206o #58B0AA rgb (88,176,170) #58B0AA 176o #58B07E rgb (88,176,126) #58B07E 146o

Complementary color Complementary schemes are created by combining colors from opposite sides of the color wheel. Simple add 180 degrees to color hue / angle and you have the complementary color. On our case color: #58B0AA has a 176o angle. Adding 176o + 180o = 356oo for our new complementary color #B0585E. #58B0AA rgb (88,176,170) #58B0AA 176o #B0585E rgb (176,88,94) #B0585E 356o

Split color Compound schemes or split complementary schemens are almost the same as complementary schemes. Instead of using colors that are opposites, it uses colors on both sides of the opposite hue angle. On our case color: #58B0AA has a 176o angle. Adding 176o + 180o+30o = 26o for our first complementary color #B07E58. Decreasing 176o + 180o-30o = 326o for the second complementary color #B0588A. #B0588A rgb (176,88,138) #B0588A 326o #58B0AA rgb (88,176,170) #58B0AA 176o #B07E58 rgb (176,126,88) #B07E58 26o

Tiradic color Triadic schemes are made up of hues/angles equally spaced around color wheel. Add and decrease +/- 120 degrees on both sides of the color hue angle. #AA58B0 rgb (170,88,176) #AA58B0 296o #58B0AA rgb (88,176,170) #58B0AA 176o #B0AA58 rgb (176,170,88) #B0AA58 56o

Tetradic color Tetradic schemes are made up of hues/angles spaced around color wheel. Add 120,180,300 degrees on the color hue angle. #AA58B0 rgb (170,88,176) #AA58B0 296o #58B0AA rgb (88,176,170) #58B0AA 176o #B0585E rgb (176,88,94) #B0585E 356o #5EB058 rgb (94,176,88) #5EB058 116o