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

#5AAB7F

In a RGB color space, hex #5AAB7F is composed of 35% red, 67% green and 50% blue. RGB color code is composed of a hexadecimal 5A red (90/255), a AB green (171/255) and a 7F blue component (127/255). The decimal RGB color code is rgb(90,171,127) In CMYK color space, it is composed of 47% cyan, 0% magenta, 26% yellow and 33% black. It has a hue angle of 147.41o degrees, a saturation of 33% and a lightness of 51%. Closest websafe color is: #669966 rgb (102, 153, 102).

Color conversion

---

Convert color

---

The hexadecimal color #5AAB7F has RGB values of R:90, G:171, B:127 and CMYK values of C:47, M:0, Y:26, K:33. Its decimal value is 5942143.Binary code is 10110101010101101111111
In print we use cyan, yellow, magenta and black (CMYK) inks because usually we print on a white paper.

Hex color 5AAB7F  #5AAB7F RGB decimal 90, 171, 127  rgb(90, 171, 127) RGB % 35, 67, 50  rgb(35%, 67%, 50%) RGB Adobe 120, 169, 128 CMYK % 47, 0, 26, 33  47%, 0%, 26%, 33% HSL 147.41o, 33, 51  hsl(147.41o, 33%, 51%) HSV (HSB) 147o, 47%, 67%  hsv(147o, 47%, 67%)

Web Safe color #669966 rgb (102, 153, 102) XYZ 22.61, 32.832 25.224 xyY 0.28, 0.41, 32.83 Hunter-Lab 57.3, -27.2, 11.31 CMY 65%, 33%, 50% Lab 63.96, -33.79, 14.74 Binary color 5A AB 7F 1011010 10101011 1111111

Shades and tints of #5AAB7F

---

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: #DFEFE6 is the lightest one.

Tint color variation #5AAB7F

#73B892 rgb (115,184,146) #73B892 #88C3A2 rgb (136,195,162) #88C3A2 #9ACCB0 rgb (154,204,176) #9ACCB0 #A9D4BC rgb (169,212,188) #A9D4BC #B6DAC6 rgb (182,218,198) #B6DAC6 #C1E0CF rgb (193,224,207) #C1E0CF #CAE5D6 rgb (202,229,214) #CAE5D6 #D2E9DC rgb (210,233,220) #D2E9DC #D9ECE1 rgb (217,236,225) #D9ECE1 #DFEFE6 rgb (223,239,230) #DFEFE6

Shade color variation

#4D916C rgb (77,145,108) #4D916C #417B5C rgb (65,123,92) #417B5C #37694E rgb (55,105,78) #37694E #2F5942 rgb (47,89,66) #2F5942 #284C38 rgb (40,76,56) #284C38 #224130 rgb (34,65,48) #224130 #1D3729 rgb (29,55,41) #1D3729 #192F23 rgb (25,47,35) #192F23 #15281E rgb (21,40,30) #15281E #12221A rgb (18,34,26) #12221A

Tones of #5AAB7F

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

#5EA77F rgb (94,167,127) #5EA77F #61A37F rgb (97,163,127) #61A37F #64A07F rgb (100,160,127) #64A07F #679D7F rgb (103,157,127) #679D7F #6A9A7F rgb (106,154,127) #6A9A7F #6C977F rgb (108,151,127) #6C977F #6E957F rgb (110,149,127) #6E957F #70937F rgb (112,147,127) #70937F #72917F rgb (114,145,127) #72917F #738F7F rgb (115,143,127) #738F7F

Alternatives to #5AAB7F

---

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

#5A6F7F rgb (90,111,127) #5A6F7F #5A837F rgb (90,131,127) #5A837F #5A977F rgb (90,151,127) #5A977F #5ABF7F rgb (90,191,127) #5ABF7F #5AD37F rgb (90,211,127) #5AD37F #5AE77F rgb (90,231,127) #5AE77F

Quick use #5AAB7F

---

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

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

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

Pre-formatted code 5AAB7F	code for script / programming
HTML, CSS:	= #5AAB7F; rgb(90, 171, 127)
Java:	= new Color(90, 171, 127)
.NET:	= Color.FromArgb (90, 171, 127);
Xojo:	= rgb (90, 171, 127, 0);
openGL:	= glColor3f (0.35f, 0.67f, 0.5f);
Swift:	= UIColor(red:0.35, green:0.67, blue:0.5, alpha:1.00000);
Objective-C:	= [UIColor colorWithRed:0.35 green:0.67 blue:0.5 alpha:1.00000];

Color schemes with #5AAB7F

---

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 #5AAB7F saturation. Adding 47% + 10% = 57% saturation for our new color #39855B. Decreasing 47% - 10% = 37% saturation for other monochromatic color #84D1A7. #84d1a7 rgb (132,209,167) #84d1a7 37% saturation #846b5b rgb (78,107,91) #846b5b 27% saturation #39855b rgb (57,133,91) #39855b 57% saturation #236b44 rgb (35,107,68) #236b44 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. #5BABA7 rgb (91,171,167) #5BABA7 177o #5AAB7F rgb (90,171,127) #5AAB7F 147o #5FAB5B rgb (95,171,91) #5FAB5B 117o

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: #5AAB7F has a 147o angle. Adding 147o + 180o = 327oo for our new complementary color #AB5B87. #5AAB7F rgb (90,171,127) #5AAB7F 147o #AB5B87 rgb (171,91,135) #AB5B87 327o

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: #5AAB7F has a 147o angle. Adding 147o + 180o+30o = 357o for our first complementary color #AB5B5F. Decreasing 147o + 180o-30o = 297o for the second complementary color #A75BAB. #A75BAB rgb (167,91,171) #A75BAB 297o #5AAB7F rgb (90,171,127) #5AAB7F 147o #AB5B5F rgb (171,91,95) #AB5B5F 357o

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. #7F5BAB rgb (127,91,171) #7F5BAB 267o #5AAB7F rgb (90,171,127) #5AAB7F 147o #AB7F5B rgb (171,127,91) #AB7F5B 27o

Tetradic color Tetradic schemes are made up of hues/angles spaced around color wheel. Add 120,180,300 degrees on the color hue angle. #7F5BAB rgb (127,91,171) #7F5BAB 267o #5AAB7F rgb (90,171,127) #5AAB7F 147o #AB5B87 rgb (171,91,135) #AB5B87 327o #87AB5B rgb (135,171,91) #87AB5B 87o