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

#563C30

In a RGB color space, hex #563C30 is composed of 34% red, 24% green and 19% blue. RGB color code is composed of a hexadecimal 56 red (86/255), a 3C green (60/255) and a 30 blue component (48/255). The decimal RGB color code is rgb(86,60,48) In CMYK color space, it is composed of 0% cyan, 30% magenta, 44% yellow and 66% black. It has a hue angle of 18.95o degrees, a saturation of 28% and a lightness of 26%. Closest websafe color is: #663333 rgb (102, 51, 51).

Color conversion

---

Convert color

---

The hexadecimal color #563C30 has RGB values of R:86, G:60, B:48 and CMYK values of C:0, M:30, Y:44, K:66. Its decimal value is 5651504.Binary code is 10101100011110000110000
In print we use cyan, yellow, magenta and black (CMYK) inks because usually we print on a white paper.

Hex color 563C30  #563C30 RGB decimal 86, 60, 48  rgb(86, 60, 48) RGB % 34, 24, 19  rgb(34%, 24%, 19%) RGB Adobe 81, 62, 52 CMYK % 0, 30, 44, 66  0%, 30%, 44%, 66% HSL 18.95o, 28, 26  hsl(18.95o, 28%, 26%) HSV (HSB) 19o, 44%, 34%  hsv(19o, 44%, 34%)

Web Safe color #663333 rgb (102, 51, 51) XYZ 5.987, 5.424 3.528 xyY 0.4, 0.36, 5.42 Hunter-Lab 23.29, 6.48, 6.29 CMY 66%, 76%, 81% Lab 28.09, 10.52, 12.2 Binary color 56 3C 30 1010110 111100 110000

Shades and tints of #563C30

---

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: #110C0A is the darkest color, and: #DED8D6 is the lightest one.

Tint color variation #563C30

#6F594F rgb (111,89,79) #6F594F #857269 rgb (133,114,105) #857269 #978780 rgb (151,135,128) #978780 #A79993 rgb (167,153,147) #A79993 #B4A8A3 rgb (180,168,163) #B4A8A3 #BFB5B1 rgb (191,181,177) #BFB5B1 #C9C0BD rgb (201,192,189) #C9C0BD #D1C9C7 rgb (209,201,199) #D1C9C7 #D8D1CF rgb (216,209,207) #D8D1CF #DED8D6 rgb (222,216,214) #DED8D6

Shade color variation

#493329 rgb (73,51,41) #493329 #3E2B23 rgb (62,43,35) #3E2B23 #35251E rgb (53,37,30) #35251E #2D1F1A rgb (45,31,26) #2D1F1A #261A16 rgb (38,26,22) #261A16 #201613 rgb (32,22,19) #201613 #1B1310 rgb (27,19,16) #1B1310 #17100E rgb (23,16,14) #17100E #140E0C rgb (20,14,12) #140E0C #110C0A rgb (17,12,10) #110C0A

Tones of #563C30

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

#5A4338 rgb (90,67,56) #5A4338 #5E493F rgb (94,73,63) #5E493F #614F46 rgb (97,79,70) #614F46 #64544C rgb (100,84,76) #64544C #675851 rgb (103,88,81) #675851 #6A5C56 rgb (106,92,86) #6A5C56 #6C605A rgb (108,96,90) #6C605A #6E635E rgb (110,99,94) #6E635E #706661 rgb (112,102,97) #706661 #726964 rgb (114,105,100) #726964

Alternatives to #563C30

---

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

#423C30 rgb (66,60,48) #423C30 #561430 rgb (86,20,48) #561430 #562830 rgb (86,40,48) #562830 #565030 rgb (86,80,48) #565030 #566430 rgb (86,100,48) #566430 #567830 rgb (86,120,48) #567830

Quick use #563C30

---

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

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

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

Pre-formatted code 563C30	code for script / programming
HTML, CSS:	= #563C30; rgb(86, 60, 48)
Java:	= new Color(86, 60, 48)
.NET:	= Color.FromArgb (86, 60, 48);
Xojo:	= rgb (86, 60, 48, 0);
openGL:	= glColor3f (0.34f, 0.24f, 0.19f);
Swift:	= UIColor(red:0.34, green:0.24, blue:0.19, alpha:1.00000);
Objective-C:	= [UIColor colorWithRed:0.34 green:0.24 blue:0.19 alpha:1.00000];

Color schemes with #563C30

---

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: 44% has a #563C30 saturation. Adding 44% + 10% = 54% saturation for our new color #301F16. Decreasing 44% - 10% = 34% saturation for other monochromatic color #7D6052. #7d6052 rgb (125,96,82) #7d6052 34% saturation #7d1311 rgb (23,19,17) #7d1311 24% saturation #301f16 rgb (48,31,22) #301f16 54% saturation #170d08 rgb (23,13,8) #170d08 64% 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. #575031 rgb (87,80,49) #575031 49o #563C30 rgb (86,60,48) #563C30 19o #573138 rgb (87,49,56) #573138 349o

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: #563C30 has a 19o angle. Adding 19o + 180o = 199oo for our new complementary color #314B57. #563C30 rgb (86,60,48) #563C30 19o #314B57 rgb (49,75,87) #314B57 199o

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: #563C30 has a 19o angle. Adding 19o + 180o+30o = 229o for our first complementary color #313857. Decreasing 19o + 180o-30o = 169o for the second complementary color #315750. #315750 rgb (49,87,80) #315750 169o #563C30 rgb (86,60,48) #563C30 19o #313857 rgb (49,56,87) #313857 229o

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. #31573D rgb (49,87,61) #31573D 139o #563C30 rgb (86,60,48) #563C30 19o #3D3157 rgb (61,49,87) #3D3157 259o

Tetradic color Tetradic schemes are made up of hues/angles spaced around color wheel. Add 120,180,300 degrees on the color hue angle. #31573D rgb (49,87,61) #31573D 139o #563C30 rgb (86,60,48) #563C30 19o #314B57 rgb (49,75,87) #314B57 199o #57314B rgb (87,49,75) #57314B 319o