#563a24 Color Information
In a RGB color space, hex #563a24 is composed of 33.7% red, 22.7% green and 14.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 32.6% magenta, 58.1% yellow and 66.3% black. It has a hue angle of 26.4 degrees, a saturation of 41% and a lightness of 23.9%. #563a24 color hex could be obtained by blending #ac7448 with #000000. Closest websafe color is: #663333.
-
- R 34
- G 23
- B 14
-
- C 0
- M 33
- Y 58
- K 66
● #563a24 color description : Very dark desaturated orange.
#563a24 Color Conversion
The hexadecimal color #563a24 has RGB values of R:86, G:58, B:36 and CMYK values of C:0, M:0.33, Y:0.58, K:0.66. Its decimal value is 5650980.
Hex triplet | 563a24 | #563a24 |
---|---|---|
RGB Decimal | 86, 58, 36 | rgb(86,58,36) |
RGB Percent | 33.7, 22.7, 14.1 | rgb(33.7%,22.7%,14.1%) |
CMYK | 0, 33, 58, 66 | |
HSL | 26.4°, 41, 23.9 | hsl(26.4,41%,23.9%) |
HSV (or HSB) | 26.4°, 58.1, 33.7 | |
Web Safe | 663333 | #663333 |
CIE-LAB | 27.108, 9.548, 18.554 |
---|---|
XYZ | 5.669, 5.132, 2.361 |
xyY | 0.431, 0.39, 5.132 |
CIE-LCH | 27.108, 20.866, 62.769 |
CIE-LUV | 27.108, 19.337, 16.351 |
Hunter-Lab | 22.654, 5.025, 9.679 |
Binary | 01010110, 00111010, 00100100 |
Color Schemes with #563a24
Alternatives to #563a24
Below, you can see some colors close to #563a24. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#563a24 Preview
This text has a font color of #563a24.
<span style="color:#563a24;">Text here</span>
This paragraph has a background color of #563a24.
<p style="background-color:#563a24;">Content here</p>
This element has a border color of #563a24.
<div style="border:1px solid #563a24;">Content here</div>
.text {color:#563a24;}
.background {background-color:#563a24;}
.border {border:1px solid #563a24;}
Shades and Tints of #563a24
A shade is achieved by adding black to any pure hue, while a tint is created by mixing white to any pure color. In this example, #030201 is the darkest color, while #faf7f4 is the lightest one.
-
#030201
#030201
rgb(3,2,1)
-
#110b07
#110b07
rgb(17,11,7)
-
#1f150d
#1f150d
rgb(31,21,13)
-
#2d1e13
#2d1e13
rgb(45,30,19)
-
#3a2718
#3a2718
rgb(58,39,24)
-
#48311e
#48311e
rgb(72,49,30)
-
#563a24
#563a24
rgb(86,58,36)
-
#64432a
#64432a
rgb(100,67,42)
-
#724d30
#724d30
rgb(114,77,48)
-
#7f5635
#7f5635
rgb(127,86,53)
-
#8d5f3b
#8d5f3b
rgb(141,95,59)
-
#9b6941
#9b6941
rgb(155,105,65)
-
#a97247
#a97247
rgb(169,114,71)
-
#b57b4e
#b57b4e
rgb(181,123,78)
-
#bb865c
#bb865c
rgb(187,134,92)
-
#c1906a
#c1906a
rgb(193,144,106)
-
#c69a78
#c69a78
rgb(198,154,120)
-
#cca586
#cca586
rgb(204,165,134)
-
#d2af93
#d2af93
rgb(210,175,147)
-
#d8b9a1
#d8b9a1
rgb(216,185,161)
-
#dec4af
#dec4af
rgb(222,196,175)
-
#e3cebd
#e3cebd
rgb(227,206,189)
-
#e9d8cb
#e9d8cb
rgb(233,216,203)
-
#efe2d9
#efe2d9
rgb(239,226,217)
-
#f5ede6
#f5ede6
rgb(245,237,230)
-
#faf7f4
#faf7f4
rgb(250,247,244)
Tones of #563a24
A tone is produced by adding gray to any pure hue. In this case, #3f3d3b is the less saturated color, while #773603 is the most saturated one.
-
#3f3d3b
#3f3d3b
rgb(63,61,59)
-
#433c37
#433c37
rgb(67,60,55)
-
#483c32
#483c32
rgb(72,60,50)
-
#4d3b2d
#4d3b2d
rgb(77,59,45)
-
#513b29
#513b29
rgb(81,59,41)
-
#563a24
#563a24
rgb(86,58,36)
-
#5b391f
#5b391f
rgb(91,57,31)
-
#5f391b
#5f391b
rgb(95,57,27)
-
#643816
#643816
rgb(100,56,22)
-
#693811
#693811
rgb(105,56,17)
-
#6d370d
#6d370d
rgb(109,55,13)
-
#723708
#723708
rgb(114,55,8)
-
#773603
#773603
rgb(119,54,3)
Color Blindness Simulator
Below, you can see how #563a24 is perceived by people affected by a color vision deficiency. This can be useful if you need to ensure your color combinations are accessible to color-blind users.