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

#506768

In a RGB color space, hex #506768 is composed of 31% red, 40% green and 41% blue. RGB color code is composed of a hexadecimal 50 red (80/255), a 67 green (103/255) and a 68 blue component (104/255). The decimal RGB color code is rgb(80,103,104) In CMYK color space, it is composed of 23% cyan, 1% magenta, 0% yellow and 59% black. It has a hue angle of 182.5o degrees, a saturation of 13% and a lightness of 36%. Closest websafe color is: #666666 rgb (102, 102, 102).

Color conversion

---

Convert color

---

The hexadecimal color #506768 has RGB values of R:80, G:103, B:104 and CMYK values of C:23, M:1, Y:0, K:59. Its decimal value is 5269352.Binary code is 10100000110011101101000
In print we use cyan, yellow, magenta and black (CMYK) inks because usually we print on a white paper.

Hex color 506768  #506768 RGB decimal 80, 103, 104  rgb(80, 103, 104) RGB % 31, 40, 41  rgb(31%, 40%, 41%) RGB Adobe 88, 103, 104 CMYK % 23, 1, 0, 59  23%, 1%, 0%, 59% HSL 182.5o, 13, 36  hsl(182.5o, 13%, 36%) HSV (HSB) 183o, 23%, 41%  hsv(183o, 23%, 41%)

Web Safe color #666666 rgb (102, 102, 102) XYZ 10.657, 12.405 14.929 xyY 0.28, 0.33, 12.41 Hunter-Lab 35.22, -5.84, -2.49 CMY 69%, 60%, 59% Lab 41.76, -8.69, -3.54 Binary color 50 67 68 1010000 1100111 1101000

Shades and tints of #506768

---

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: #101414 is the darkest color, and: #DCE1E1 is the lightest one.

Tint color variation #506768

#6A7E7F rgb (106,126,127) #6A7E7F #809192 rgb (128,145,146) #809192 #93A2A2 rgb (147,162,162) #93A2A2 #A3B0B0 rgb (163,176,176) #A3B0B0 #B1BCBC rgb (177,188,188) #B1BCBC #BDC6C6 rgb (189,198,198) #BDC6C6 #C7CFCF rgb (199,207,207) #C7CFCF #CFD6D6 rgb (207,214,214) #CFD6D6 #D6DCDC rgb (214,220,220) #D6DCDC #DCE1E1 rgb (220,225,225) #DCE1E1

Shade color variation

#445858 rgb (68,88,88) #445858 #3A4B4B rgb (58,75,75) #3A4B4B #314040 rgb (49,64,64) #314040 #2A3636 rgb (42,54,54) #2A3636 #242E2E rgb (36,46,46) #242E2E #1F2727 rgb (31,39,39) #1F2727 #1A2121 rgb (26,33,33) #1A2121 #161C1C rgb (22,28,28) #161C1C #131818 rgb (19,24,24) #131818 #101414 rgb (16,20,20) #101414

Tones of #506768

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

#556A6A rgb (85,106,106) #556A6A #596C6C rgb (89,108,108) #596C6C #5D6E6E rgb (93,110,110) #5D6E6E #617070 rgb (97,112,112) #617070 #647272 rgb (100,114,114) #647272 #677373 rgb (103,115,115) #677373 #6A7474 rgb (106,116,116) #6A7474 #6C7575 rgb (108,117,117) #6C7575 #6E7676 rgb (110,118,118) #6E7676 #707777 rgb (112,119,119) #707777

Alternatives to #506768

---

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

#502B68 rgb (80,43,104) #502B68 #503F68 rgb (80,63,104) #503F68 #505368 rgb (80,83,104) #505368 #507B68 rgb (80,123,104) #507B68 #508F68 rgb (80,143,104) #508F68 #50A368 rgb (80,163,104) #50A368

Quick use #506768

---

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

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

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

Pre-formatted code 506768	code for script / programming
HTML, CSS:	= #506768; rgb(80, 103, 104)
Java:	= new Color(80, 103, 104)
.NET:	= Color.FromArgb (80, 103, 104);
Xojo:	= rgb (80, 103, 104, 0);
openGL:	= glColor3f (0.31f, 0.4f, 0.41f);
Swift:	= UIColor(red:0.31, green:0.4, blue:0.41, alpha:1.00000);
Objective-C:	= [UIColor colorWithRed:0.31 green:0.4 blue:0.41 alpha:1.00000];

Color schemes with #506768

---

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: 23% has a #506768 saturation. Adding 23% + 10% = 33% saturation for our new color #2C4142. Decreasing 23% - 10% = 13% saturation for other monochromatic color #7C8E8F. #7c8e8f rgb (124,142,143) #7c8e8f 13% saturation #7c2929 rgb (40,41,41) #7c2929 3% saturation #2c4142 rgb (44,65,66) #2c4142 33% saturation #172829 rgb (23,40,41) #172829 43% 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. #515B69 rgb (81,91,105) #515B69 213o #506768 rgb (80,103,104) #506768 183o #51695E rgb (81,105,94) #51695E 153o

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: #506768 has a 183o angle. Adding 183o + 180o = 3oo for our new complementary color #695251. #506768 rgb (80,103,104) #506768 183o #695251 rgb (105,82,81) #695251 3o

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: #506768 has a 183o angle. Adding 183o + 180o+30o = 33o for our first complementary color #695E51. Decreasing 183o + 180o-30o = 333o for the second complementary color #69515B. #69515B rgb (105,81,91) #69515B 333o #506768 rgb (80,103,104) #506768 183o #695E51 rgb (105,94,81) #695E51 33o

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. #695167 rgb (105,81,103) #695167 303o #506768 rgb (80,103,104) #506768 183o #676951 rgb (103,105,81) #676951 63o

Tetradic color Tetradic schemes are made up of hues/angles spaced around color wheel. Add 120,180,300 degrees on the color hue angle. #695167 rgb (105,81,103) #695167 303o #506768 rgb (80,103,104) #506768 183o #695251 rgb (105,82,81) #695251 3o #516952 rgb (81,105,82) #516952 123o