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

#5A9096

In a RGB color space, hex #5A9096 is composed of 35% red, 56% green and 59% blue. RGB color code is composed of a hexadecimal 5A red (90/255), a 90 green (144/255) and a 96 blue component (150/255). The decimal RGB color code is rgb(90,144,150) In CMYK color space, it is composed of 40% cyan, 4% magenta, 0% yellow and 41% black. It has a hue angle of 186o degrees, a saturation of 25% and a lightness of 47%. Closest websafe color is: #669999 rgb (102, 153, 153).

Color conversion

---

Convert color

---

The hexadecimal color #5A9096 has RGB values of R:90, G:144, B:150 and CMYK values of C:40, M:4, Y:0, K:41. Its decimal value is 5935254.Binary code is 10110101001000010010110
In print we use cyan, yellow, magenta and black (CMYK) inks because usually we print on a white paper.

Hex color 5A9096  #5A9096 RGB decimal 90, 144, 150  rgb(90, 144, 150) RGB % 35, 56, 59  rgb(35%, 56%, 59%) RGB Adobe 108, 143, 148 CMYK % 40, 4, 0, 41  40%, 4%, 0%, 41% HSL 186o, 25, 47  hsl(186o, 25%, 47%) HSV (HSB) 186o, 40%, 59%  hsv(186o, 40%, 59%)

Web Safe color #669999 rgb (102, 153, 153) XYZ 19.695, 24.322 32.511 xyY 0.26, 0.32, 24.32 Hunter-Lab 49.32, -12.58, -7.53 CMY 65%, 44%, 41% Lab 56.2, -17.43, -9.17 Binary color 5A 90 96 1011010 10010000 10010110

Shades and tints of #5A9096

---

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: #121C1E is the darkest color, and: #DFE9EA is the lightest one.

Tint color variation #5A9096

#73A1A6 rgb (115,161,166) #73A1A6 #88AFB3 rgb (136,175,179) #88AFB3 #9ABBBE rgb (154,187,190) #9ABBBE #A9C5C8 rgb (169,197,200) #A9C5C8 #B6CED0 rgb (182,206,208) #B6CED0 #C1D5D7 rgb (193,213,215) #C1D5D7 #CADBDD rgb (202,219,221) #CADBDD #D2E0E2 rgb (210,224,226) #D2E0E2 #D9E5E6 rgb (217,229,230) #D9E5E6 #DFE9EA rgb (223,233,234) #DFE9EA

Shade color variation

#4D7A80 rgb (77,122,128) #4D7A80 #41686D rgb (65,104,109) #41686D #37585D rgb (55,88,93) #37585D #2F4B4F rgb (47,75,79) #2F4B4F #284043 rgb (40,64,67) #284043 #223639 rgb (34,54,57) #223639 #1D2E30 rgb (29,46,48) #1D2E30 #192729 rgb (25,39,41) #192729 #152123 rgb (21,33,35) #152123 #121C1E rgb (18,28,30) #121C1E

Tones of #5A9096

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

#5E8E94 rgb (94,142,148) #5E8E94 #618D92 rgb (97,141,146) #618D92 #648C90 rgb (100,140,144) #648C90 #678B8E rgb (103,139,142) #678B8E #6A8A8D rgb (106,138,141) #6A8A8D #6C898C rgb (108,137,140) #6C898C #6E888B rgb (110,136,139) #6E888B #70878A rgb (112,135,138) #70878A #728689 rgb (114,134,137) #728689 #738588 rgb (115,133,136) #738588

Alternatives to #5A9096

---

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

#5A5496 rgb (90,84,150) #5A5496 #5A6896 rgb (90,104,150) #5A6896 #5A7C96 rgb (90,124,150) #5A7C96 #5AA496 rgb (90,164,150) #5AA496 #5AB896 rgb (90,184,150) #5AB896 #5ACC96 rgb (90,204,150) #5ACC96

Quick use #5A9096

---

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

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

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

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

Color schemes with #5A9096

---

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: 40% has a #5A9096 saturation. Adding 40% + 10% = 50% saturation for our new color #386B70. Decreasing 40% - 10% = 30% saturation for other monochromatic color #84B7BD. #84b7bd rgb (132,183,189) #84b7bd 30% saturation #845557 rgb (69,85,87) #845557 20% saturation #386b70 rgb (56,107,112) #386b70 50% saturation #235157 rgb (35,81,87) #235157 60% 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. #5A7296 rgb (90,114,150) #5A7296 216o #5A9096 rgb (90,144,150) #5A9096 186o #5A967E rgb (90,150,126) #5A967E 156o

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: #5A9096 has a 186o angle. Adding 186o + 180o = 6oo for our new complementary color #96605A. #5A9096 rgb (90,144,150) #5A9096 186o #96605A rgb (150,96,90) #96605A 6o

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: #5A9096 has a 186o angle. Adding 186o + 180o+30o = 36o for our first complementary color #967E5A. Decreasing 186o + 180o-30o = 336o for the second complementary color #965A72. #965A72 rgb (150,90,114) #965A72 336o #5A9096 rgb (90,144,150) #5A9096 186o #967E5A rgb (150,126,90) #967E5A 36o

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. #965A90 rgb (150,90,144) #965A90 306o #5A9096 rgb (90,144,150) #5A9096 186o #90965A rgb (144,150,90) #90965A 66o

Tetradic color Tetradic schemes are made up of hues/angles spaced around color wheel. Add 120,180,300 degrees on the color hue angle. #965A90 rgb (150,90,144) #965A90 306o #5A9096 rgb (90,144,150) #5A9096 186o #96605A rgb (150,96,90) #96605A 6o #5A9660 rgb (90,150,96) #5A9660 126o