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

#5C7A68

In a RGB color space, hex #5C7A68 is composed of 36% red, 48% green and 41% blue. RGB color code is composed of a hexadecimal 5C red (92/255), a 7A green (122/255) and a 68 blue component (104/255). The decimal RGB color code is rgb(92,122,104) In CMYK color space, it is composed of 25% cyan, 0% magenta, 15% yellow and 52% black. It has a hue angle of 144o degrees, a saturation of 14% and a lightness of 42%. Closest websafe color is: #666666 rgb (102, 102, 102).

Color conversion

---

Convert color

---

The hexadecimal color #5C7A68 has RGB values of R:92, G:122, B:104 and CMYK values of C:25, M:0, Y:15, K:52. Its decimal value is 6060648.Binary code is 10111000111101001101000
In print we use cyan, yellow, magenta and black (CMYK) inks because usually we print on a white paper.

Hex color 5C7A68  #5C7A68 RGB decimal 92, 122, 104  rgb(92, 122, 104) RGB % 36, 48, 41  rgb(36%, 48%, 41%) RGB Adobe 102, 121, 105 CMYK % 25, 0, 15, 52  25%, 0%, 15%, 52% HSL 144o, 14, 42  hsl(144o, 14%, 42%) HSV (HSB) 144o, 25%, 48%  hsv(144o, 25%, 48%)

Web Safe color #666666 rgb (102, 102, 102) XYZ 13.872, 17.194 15.684 xyY 0.3, 0.37, 17.19 Hunter-Lab 41.47, -10.8, 4.51 CMY 64%, 52%, 59% Lab 48.48, -14.23, 6.21 Binary color 5C 7A 68 1011100 1111010 1101000

Shades and tints of #5C7A68

---

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

Tint color variation #5C7A68

#748E7F rgb (116,142,127) #748E7F #899F92 rgb (137,159,146) #899F92 #9BADA2 rgb (155,173,162) #9BADA2 #AAB9B0 rgb (170,185,176) #AAB9B0 #B7C4BC rgb (183,196,188) #B7C4BC #C2CDC6 rgb (194,205,198) #C2CDC6 #CBD5CF rgb (203,213,207) #CBD5CF #D3DBD6 rgb (211,219,214) #D3DBD6 #DAE0DC rgb (218,224,220) #DAE0DC #E0E5E1 rgb (224,229,225) #E0E5E1

Shade color variation

#4E6858 rgb (78,104,88) #4E6858 #42584B rgb (66,88,75) #42584B #384B40 rgb (56,75,64) #384B40 #304036 rgb (48,64,54) #304036 #29362E rgb (41,54,46) #29362E #232E27 rgb (35,46,39) #232E27 #1E2721 rgb (30,39,33) #1E2721 #1A211C rgb (26,33,28) #1A211C #161C18 rgb (22,28,24) #161C18 #131814 rgb (19,24,20) #131814

Tones of #5C7A68

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

#607B6A rgb (96,123,106) #607B6A #637C6C rgb (99,124,108) #637C6C #667C6E rgb (102,124,110) #667C6E #697C70 rgb (105,124,112) #697C70 #6B7C72 rgb (107,124,114) #6B7C72 #6D7C73 rgb (109,124,115) #6D7C73 #6F7C74 rgb (111,124,116) #6F7C74 #717C75 rgb (113,124,117) #717C75 #737C76 rgb (115,124,118) #737C76 #747C77 rgb (116,124,119) #747C77

Alternatives to #5C7A68

---

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

#5C3E68 rgb (92,62,104) #5C3E68 #5C5268 rgb (92,82,104) #5C5268 #5C6668 rgb (92,102,104) #5C6668 #5C8E68 rgb (92,142,104) #5C8E68 #5CA268 rgb (92,162,104) #5CA268 #5CB668 rgb (92,182,104) #5CB668

Quick use #5C7A68

---

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

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

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

Pre-formatted code 5C7A68	code for script / programming
HTML, CSS:	= #5C7A68; rgb(92, 122, 104)
Java:	= new Color(92, 122, 104)
.NET:	= Color.FromArgb (92, 122, 104);
Xojo:	= rgb (92, 122, 104, 0);
openGL:	= glColor3f (0.36f, 0.48f, 0.41f);
Swift:	= UIColor(red:0.36, green:0.48, blue:0.41, alpha:1.00000);
Objective-C:	= [UIColor colorWithRed:0.36 green:0.48 blue:0.41 alpha:1.00000];

Color schemes with #5C7A68

---

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: 25% has a #5C7A68 saturation. Adding 25% + 10% = 35% saturation for our new color #375442. Decreasing 25% - 10% = 15% saturation for other monochromatic color #89A192. #89a192 rgb (137,161,146) #89a192 15% saturation #893b39 rgb (56,59,57) #893b39 5% saturation #375442 rgb (55,84,66) #375442 35% saturation #203b2b rgb (32,59,43) #203b2b 45% 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. #5C7A77 rgb (92,122,119) #5C7A77 174o #5C7A68 rgb (92,122,104) #5C7A68 144o #5F7A5C rgb (95,122,92) #5F7A5C 114o

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: #5C7A68 has a 144o angle. Adding 144o + 180o = 324oo for our new complementary color #7A5C6E. #5C7A68 rgb (92,122,104) #5C7A68 144o #7A5C6E rgb (122,92,110) #7A5C6E 324o

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: #5C7A68 has a 144o angle. Adding 144o + 180o+30o = 354o for our first complementary color #7A5C5F. Decreasing 144o + 180o-30o = 294o for the second complementary color #775C7A. #775C7A rgb (119,92,122) #775C7A 294o #5C7A68 rgb (92,122,104) #5C7A68 144o #7A5C5F rgb (122,92,95) #7A5C5F 354o

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. #685C7A rgb (104,92,122) #685C7A 264o #5C7A68 rgb (92,122,104) #5C7A68 144o #7A685C rgb (122,104,92) #7A685C 24o

Tetradic color Tetradic schemes are made up of hues/angles spaced around color wheel. Add 120,180,300 degrees on the color hue angle. #685C7A rgb (104,92,122) #685C7A 264o #5C7A68 rgb (92,122,104) #5C7A68 144o #7A5C6E rgb (122,92,110) #7A5C6E 324o #6E7A5C rgb (110,122,92) #6E7A5C 84o