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

#563D1F

In a RGB color space, hex #563D1F is composed of 34% red, 24% green and 12% blue. RGB color code is composed of a hexadecimal 56 red (86/255), a 3D green (61/255) and a 1F blue component (31/255). The decimal RGB color code is rgb(86,61,31) In CMYK color space, it is composed of 0% cyan, 29% magenta, 64% yellow and 66% black. It has a hue angle of 32.73o degrees, a saturation of 47% and a lightness of 23%. Closest websafe color is: #663333 rgb (102, 51, 51).

Color conversion

---

Convert color

---

The hexadecimal color #563D1F has RGB values of R:86, G:61, B:31 and CMYK values of C:0, M:29, Y:64, K:66. Its decimal value is 5651743.Binary code is 10101100011110100011111
In print we use cyan, yellow, magenta and black (CMYK) inks because usually we print on a white paper.

Hex color 563D1F  #563D1F RGB decimal 86, 61, 31  rgb(86, 61, 31) RGB % 34, 24, 12  rgb(34%, 24%, 12%) RGB Adobe 81, 63, 38 CMYK % 0, 29, 64, 66  0%, 29%, 64%, 66% HSL 32.73o, 47, 23  hsl(32.73o, 47%, 23%) HSV (HSB) 33o, 64%, 34%  hsv(33o, 64%, 34%)

Web Safe color #663333 rgb (102, 51, 51) XYZ 5.754, 5.415 2.038 xyY 0.44, 0.41, 5.42 Hunter-Lab 23.27, 4.73, 10.21 CMY 66%, 76%, 88% Lab 28.11, 8.56, 22.76 Binary color 56 3D 1F 1010110 111101 11111

Shades and tints of #563D1F

---

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

Tint color variation #563D1F

#6F5A41 rgb (111,90,65) #6F5A41 #85735E rgb (133,115,94) #85735E #978876 rgb (151,136,118) #978876 #A79A8B rgb (167,154,139) #A79A8B #B4A99C rgb (180,169,156) #B4A99C #BFB6AB rgb (191,182,171) #BFB6AB #C9C1B8 rgb (201,193,184) #C9C1B8 #D1CAC3 rgb (209,202,195) #D1CAC3 #D8D2CC rgb (216,210,204) #D8D2CC #DED9D4 rgb (222,217,212) #DED9D4

Shade color variation

#49341A rgb (73,52,26) #49341A #3E2C16 rgb (62,44,22) #3E2C16 #352513 rgb (53,37,19) #352513 #2D1F10 rgb (45,31,16) #2D1F10 #261A0E rgb (38,26,14) #261A0E #20160C rgb (32,22,12) #20160C #1B130A rgb (27,19,10) #1B130A #171009 rgb (23,16,9) #171009 #140E08 rgb (20,14,8) #140E08 #110C07 rgb (17,12,7) #110C07

Tones of #563D1F

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

#5A4429 rgb (90,68,41) #5A4429 #5E4A32 rgb (94,74,50) #5E4A32 #614F3A rgb (97,79,58) #614F3A #645441 rgb (100,84,65) #645441 #675847 rgb (103,88,71) #675847 #6A5C4D rgb (106,92,77) #6A5C4D #6C6052 rgb (108,96,82) #6C6052 #6E6357 rgb (110,99,87) #6E6357 #70665B rgb (112,102,91) #70665B #72695F rgb (114,105,95) #72695F

Alternatives to #563D1F

---

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

#56011F rgb (86,1,31) #56011F #56151F rgb (86,21,31) #56151F #56291F rgb (86,41,31) #56291F #56511F rgb (86,81,31) #56511F #56651F rgb (86,101,31) #56651F #56791F rgb (86,121,31) #56791F

Quick use #563D1F

---

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

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

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

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

Color schemes with #563D1F

---

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: 64% has a #563D1F saturation. Adding 64% + 10% = 74% saturation for our new color #30200D. Decreasing 64% - 10% = 54% saturation for other monochromatic color #7D5F39. #7d5f39 rgb (125,95,57) #7d5f39 54% saturation #7d120d rgb (23,18,13) #7d120d 44% saturation #30200d rgb (48,32,13) #30200d 74% saturation #170e04 rgb (23,14,4) #170e04 84% 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. #54571F rgb (84,87,31) #54571F 63o #563D1F rgb (86,61,31) #563D1F 33o #57221F rgb (87,34,31) #57221F 3o

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: #563D1F has a 33o angle. Adding 33o + 180o = 213oo for our new complementary color #1F3857. #563D1F rgb (86,61,31) #563D1F 33o #1F3857 rgb (31,56,87) #1F3857 213o

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: #563D1F has a 33o angle. Adding 33o + 180o+30o = 243o for our first complementary color #221F57. Decreasing 33o + 180o-30o = 183o for the second complementary color #1F5457. #1F5457 rgb (31,84,87) #1F5457 183o #563D1F rgb (86,61,31) #563D1F 33o #221F57 rgb (34,31,87) #221F57 243o

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. #1F573E rgb (31,87,62) #1F573E 153o #563D1F rgb (86,61,31) #563D1F 33o #3E1F57 rgb (62,31,87) #3E1F57 273o

Tetradic color Tetradic schemes are made up of hues/angles spaced around color wheel. Add 120,180,300 degrees on the color hue angle. #1F573E rgb (31,87,62) #1F573E 153o #563D1F rgb (86,61,31) #563D1F 33o #1F3857 rgb (31,56,87) #1F3857 213o #571F38 rgb (87,31,56) #571F38 333o