#5BAC85 color HEX code RGB, HSL, CMYK COLOR CODE FOR HEXA COLOR #5BAC85

#5BAC85

In a RGB color space, hex #5BAC85 is composed of 36% red, 67% green and 52% blue. RGB color code is composed of a hexadecimal 5B red (91/255), a AC green (172/255) and a 85 blue component (133/255). The decimal RGB color code is rgb(91,172,133) In CMYK color space, it is composed of 47% cyan, 0% magenta, 23% yellow and 33% black. It has a hue angle of 151.11o degrees, a saturation of 33% and a lightness of 52%. Closest websafe color is: #669999 rgb (102, 153, 153).

Color conversion

---

Convert color

---

The hexadecimal color #5BAC85 has RGB values of R:91, G:172, B:133 and CMYK values of C:47, M:0, Y:23, K:33. Its decimal value is 6007941.Binary code is 10110111010110010000101
In print we use cyan, yellow, magenta and black (CMYK) inks because usually we print on a white paper.

Hex color 5BAC85  #5BAC85 RGB decimal 91, 172, 133  rgb(91, 172, 133) RGB % 36, 67, 52  rgb(36%, 67%, 52%) RGB Adobe 121, 170, 134 CMYK % 47, 0, 23, 33  47%, 0%, 23%, 33% HSL 151.11o, 33, 52  hsl(151.11o, 33%, 52%) HSV (HSB) 151o, 47%, 67%  hsv(151o, 47%, 67%)

Web Safe color #669999 rgb (102, 153, 153) XYZ 23.301, 33.423 27.413 xyY 0.28, 0.4, 33.42 Hunter-Lab 57.81, -26.56, 9.56 CMY 64%, 33%, 48% Lab 64.42, -32.99, 12.11 Binary color 5B AC 85 1011011 10101100 10000101

Shades and tints of #5BAC85

---

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: #12221A is the darkest color, and: #E0EFE7 is the lightest one.

Tint color variation #5BAC85

#74B897 rgb (116,184,151) #74B897 #89C3A7 rgb (137,195,167) #89C3A7 #9BCCB4 rgb (155,204,180) #9BCCB4 #AAD4BF rgb (170,212,191) #AAD4BF #B7DAC9 rgb (183,218,201) #B7DAC9 #C2E0D1 rgb (194,224,209) #C2E0D1 #CBE5D8 rgb (203,229,216) #CBE5D8 #D3E9DE rgb (211,233,222) #D3E9DE #DAECE3 rgb (218,236,227) #DAECE3 #E0EFE7 rgb (224,239,231) #E0EFE7

Shade color variation

#4D9271 rgb (77,146,113) #4D9271 #417C60 rgb (65,124,96) #417C60 #376952 rgb (55,105,82) #376952 #2F5946 rgb (47,89,70) #2F5946 #284C3C rgb (40,76,60) #284C3C #224133 rgb (34,65,51) #224133 #1D372B rgb (29,55,43) #1D372B #192F25 rgb (25,47,37) #192F25 #15281F rgb (21,40,31) #15281F #12221A rgb (18,34,26) #12221A

Tones of #5BAC85

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

#5FA885 rgb (95,168,133) #5FA885 #62A485 rgb (98,164,133) #62A485 #65A085 rgb (101,160,133) #65A085 #689D85 rgb (104,157,133) #689D85 #6A9A85 rgb (106,154,133) #6A9A85 #6C9785 rgb (108,151,133) #6C9785 #6E9585 rgb (110,149,133) #6E9585 #709385 rgb (112,147,133) #709385 #729185 rgb (114,145,133) #729185 #738F85 rgb (115,143,133) #738F85

Alternatives to #5BAC85

---

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

#5B7085 rgb (91,112,133) #5B7085 #5B8485 rgb (91,132,133) #5B8485 #5B9885 rgb (91,152,133) #5B9885 #5BC085 rgb (91,192,133) #5BC085 #5BD485 rgb (91,212,133) #5BD485 #5BE885 rgb (91,232,133) #5BE885

Quick use #5BAC85

---

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="#5BAC85;">Text here</font>	<div style="background-color:#5BAC85;">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="#5BAC85;">Text here</font> </div>	HTML code <div style="background-color:#FFFFFF; border: 1px dotted #999999;"> <font color="#5BAC85;">Text here</font> </div>

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

Box border html code	Text shadow with RGB values for color #5BAC85
box border html code for color #5BAC85	text shadow with RGB values
HTML code <div style="background-color:#FFFFFF; border:1px solid #5BAC85;"></div>	CSS code with RGB .text-shadow: 0px 2px 2px rgba(91, 172, 133, 1.4);

Pre-formatted code 5BAC85	code for script / programming
HTML, CSS:	= #5BAC85; rgb(91, 172, 133)
Java:	= new Color(91, 172, 133)
.NET:	= Color.FromArgb (91, 172, 133);
Xojo:	= rgb (91, 172, 133, 0);
openGL:	= glColor3f (0.36f, 0.67f, 0.52f);
Swift:	= UIColor(red:0.36, green:0.67, blue:0.52, alpha:1.00000);
Objective-C:	= [UIColor colorWithRed:0.36 green:0.67 blue:0.52 alpha:1.00000];

Color schemes with #5BAC85

---

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: 47% has a #5BAC85 saturation. Adding 47% + 10% = 57% saturation for our new color #398560. Decreasing 47% - 10% = 37% saturation for other monochromatic color #84D1AC. #84d1ac rgb (132,209,172) #84d1ac 37% saturation #846b5d rgb (78,107,93) #846b5d 27% saturation #398560 rgb (57,133,96) #398560 57% saturation #236b48 rgb (35,107,72) #236b48 67% 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. #5BAAAB rgb (91,170,171) #5BAAAB 181o #5BAC85 rgb (91,172,133) #5BAC85 151o #5BAB5C rgb (91,171,92) #5BAB5C 121o

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: #5BAC85 has a 151o angle. Adding 151o + 180o = 331oo for our new complementary color #AB5B81. #5BAC85 rgb (91,172,133) #5BAC85 151o #AB5B81 rgb (171,91,129) #AB5B81 331o

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: #5BAC85 has a 151o angle. Adding 151o + 180o+30o = 1o for our first complementary color #AB5C5B. Decreasing 151o + 180o-30o = 301o for the second complementary color #AB5BAA. #AB5BAA rgb (171,91,170) #AB5BAA 301o #5BAC85 rgb (91,172,133) #5BAC85 151o #AB5C5B rgb (171,92,91) #AB5C5B 1o

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. #845BAB rgb (132,91,171) #845BAB 271o #5BAC85 rgb (91,172,133) #5BAC85 151o #AB845B rgb (171,132,91) #AB845B 31o

Tetradic color Tetradic schemes are made up of hues/angles spaced around color wheel. Add 120,180,300 degrees on the color hue angle. #845BAB rgb (132,91,171) #845BAB 271o #5BAC85 rgb (91,172,133) #5BAC85 151o #AB5B81 rgb (171,91,129) #AB5B81 331o #81AB5B rgb (129,171,91) #81AB5B 91o