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

#6B7768

In a RGB color space, hex #6B7768 is composed of 42% red, 47% green and 41% blue. RGB color code is composed of a hexadecimal 6B red (107/255), a 77 green (119/255) and a 68 blue component (104/255). The decimal RGB color code is rgb(107,119,104) In CMYK color space, it is composed of 10% cyan, 0% magenta, 13% yellow and 53% black. It has a hue angle of 108o degrees, a saturation of 7% and a lightness of 44%. Closest websafe color is: #666666 rgb (102, 102, 102).

Color conversion

---

Convert color

---

The hexadecimal color #6B7768 has RGB values of R:107, G:119, B:104 and CMYK values of C:10, M:0, Y:13, K:53. Its decimal value is 7042920.Binary code is 11010110111011101101000
In print we use cyan, yellow, magenta and black (CMYK) inks because usually we print on a white paper.

Hex color 6B7768  #6B7768 RGB decimal 107, 119, 104  rgb(107, 119, 104) RGB % 42, 47, 41  rgb(42%, 47%, 41%) RGB Adobe 110, 118, 104 CMYK % 10, 0, 13, 53  10%, 0%, 13%, 53% HSL 108o, 7, 44  hsl(108o, 7%, 44%) HSV (HSB) 108o, 13%, 47%  hsv(108o, 13%, 47%)

Web Safe color #666666 rgb (102, 102, 102) XYZ 15.159, 17.319 15.641 xyY 0.32, 0.36, 17.32 Hunter-Lab 41.62, -5.67, 4.76 CMY 58%, 53%, 59% Lab 48.68, -6.95, 6.69 Binary color 6B 77 68 1101011 1110111 1101000

Shades and tints of #6B7768

---

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

Tint color variation #6B7768

#818B7F rgb (129,139,127) #818B7F #949C92 rgb (148,156,146) #949C92 #A4ABA2 rgb (164,171,162) #A4ABA2 #B2B8B0 rgb (178,184,176) #B2B8B0 #BEC3BC rgb (190,195,188) #BEC3BC #C8CCC6 rgb (200,204,198) #C8CCC6 #D0D4CF rgb (208,212,207) #D0D4CF #D7DAD6 rgb (215,218,214) #D7DAD6 #DDE0DC rgb (221,224,220) #DDE0DC #E2E5E1 rgb (226,229,225) #E2E5E1

Shade color variation

#5B6558 rgb (91,101,88) #5B6558 #4D564B rgb (77,86,75) #4D564B #414940 rgb (65,73,64) #414940 #373E36 rgb (55,62,54) #373E36 #2F352E rgb (47,53,46) #2F352E #282D27 rgb (40,45,39) #282D27 #222621 rgb (34,38,33) #222621 #1D201C rgb (29,32,28) #1D201C #191B18 rgb (25,27,24) #191B18 #151714 rgb (21,23,20) #151714

Tones of #6B7768

A tone is produced by adding gray to any pure hue. In this case, #6D786A is the less saturated color, and #797C77 is the most saturated one.

#6D786A rgb (109,120,106) #6D786A #6F796C rgb (111,121,108) #6F796C #717A6E rgb (113,122,110) #717A6E #737B70 rgb (115,123,112) #737B70 #747C72 rgb (116,124,114) #747C72 #757C73 rgb (117,124,115) #757C73 #767C74 rgb (118,124,116) #767C74 #777C75 rgb (119,124,117) #777C75 #787C76 rgb (120,124,118) #787C76 #797C77 rgb (121,124,119) #797C77

Alternatives to #6B7768

---

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

#6B3B68 rgb (107,59,104) #6B3B68 #6B4F68 rgb (107,79,104) #6B4F68 #6B6368 rgb (107,99,104) #6B6368 #6B8B68 rgb (107,139,104) #6B8B68 #6B9F68 rgb (107,159,104) #6B9F68 #6BB368 rgb (107,179,104) #6BB368

Quick use #6B7768

---

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

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

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

Pre-formatted code 6B7768	code for script / programming
HTML, CSS:	= #6B7768; rgb(107, 119, 104)
Java:	= new Color(107, 119, 104)
.NET:	= Color.FromArgb (107, 119, 104);
Xojo:	= rgb (107, 119, 104, 0);
openGL:	= glColor3f (0.42f, 0.47f, 0.41f);
Swift:	= UIColor(red:0.42, green:0.47, blue:0.41, alpha:1.00000);
Objective-C:	= [UIColor colorWithRed:0.42 green:0.47 blue:0.41 alpha:1.00000];

Color schemes with #6B7768

---

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: 13% has a #6B7768 saturation. Adding 13% + 10% = 23% saturation for our new color #43523F. Decreasing 13% - 10% = 3% saturation for other monochromatic color #9A9E99. #9a9e99 rgb (154,158,153) #9a9e99 3% saturation #9a3838 rgb (56,56,56) #9a3838 0% saturation #43523f rgb (67,82,63) #43523f 23% saturation #293826 rgb (41,56,38) #293826 33% 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. #68786D rgb (104,120,109) #68786D 138o #6B7768 rgb (107,119,104) #6B7768 108o #737868 rgb (115,120,104) #737868 78o

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: #6B7768 has a 108o angle. Adding 108o + 180o = 288oo for our new complementary color #756878. #6B7768 rgb (107,119,104) #6B7768 108o #756878 rgb (117,104,120) #756878 288o

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: #6B7768 has a 108o angle. Adding 108o + 180o+30o = 318o for our first complementary color #786873. Decreasing 108o + 180o-30o = 258o for the second complementary color #6D6878. #6D6878 rgb (109,104,120) #6D6878 258o #6B7768 rgb (107,119,104) #6B7768 108o #786873 rgb (120,104,115) #786873 318o

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. #686B78 rgb (104,107,120) #686B78 228o #6B7768 rgb (107,119,104) #6B7768 108o #78686B rgb (120,104,107) #78686B 348o

Tetradic color Tetradic schemes are made up of hues/angles spaced around color wheel. Add 120,180,300 degrees on the color hue angle. #686B78 rgb (104,107,120) #686B78 228o #6B7768 rgb (107,119,104) #6B7768 108o #756878 rgb (117,104,120) #756878 288o #787568 rgb (120,117,104) #787568 48o