#563f20 Color Information
In a RGB color space, hex #563f20 is composed of 33.7% red, 24.7% green and 12.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 26.7% magenta, 62.8% yellow and 66.3% black. It has a hue angle of 34.4 degrees, a saturation of 45.8% and a lightness of 23.1%. #563f20 color hex could be obtained by blending #ac7e40 with #000000. Closest websafe color is: #663333.
-
- R 34
- G 25
- B 13
-
- C 0
- M 27
- Y 63
- K 66
● #563f20 color description : Very dark orange [Brown tone].
#563f20 Color Conversion
The hexadecimal color #563f20 has RGB values of R:86, G:63, B:32 and CMYK values of C:0, M:0.27, Y:0.63, K:0.66. Its decimal value is 5652256.
Hex triplet | 563f20 | #563f20 |
---|---|---|
RGB Decimal | 86, 63, 32 | rgb(86,63,32) |
RGB Percent | 33.7, 24.7, 12.5 | rgb(33.7%,24.7%,12.5%) |
CMYK | 0, 27, 63, 66 | |
HSL | 34.4°, 45.8, 23.1 | hsl(34.4,45.8%,23.1%) |
HSV (or HSB) | 34.4°, 62.8, 33.7 | |
Web Safe | 663333 | #663333 |
CIE-LAB | 28.48, 5.98, 22.673 |
---|---|
XYZ | 5.876, 5.638, 2.145 |
xyY | 0.43, 0.413, 5.638 |
CIE-LCH | 28.48, 23.448, 75.224 |
CIE-LUV | 28.48, 16.574, 20.518 |
Hunter-Lab | 23.745, 2.62, 11.265 |
Binary | 01010110, 00111111, 00100000 |
Color Schemes with #563f20
Alternatives to #563f20
Below, you can see some colors close to #563f20. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#563f20 Preview
This text has a font color of #563f20.
<span style="color:#563f20;">Text here</span>
This paragraph has a background color of #563f20.
<p style="background-color:#563f20;">Content here</p>
This element has a border color of #563f20.
<div style="border:1px solid #563f20;">Content here</div>
.text {color:#563f20;}
.background {background-color:#563f20;}
.border {border:1px solid #563f20;}
Shades and Tints of #563f20
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, #000000 is the darkest color, while #faf6f1 is the lightest one.
-
#000000
#000000
rgb(0,0,0)
-
#0f0b05
#0f0b05
rgb(15,11,5)
-
#1d150b
#1d150b
rgb(29,21,11)
-
#2b2010
#2b2010
rgb(43,32,16)
-
#392a15
#392a15
rgb(57,42,21)
-
#48351b
#48351b
rgb(72,53,27)
-
#563f20
#563f20
rgb(86,63,32)
-
#644925
#644925
rgb(100,73,37)
-
#73542b
#73542b
rgb(115,84,43)
-
#815e30
#815e30
rgb(129,94,48)
-
#8f6935
#8f6935
rgb(143,105,53)
-
#9d733b
#9d733b
rgb(157,115,59)
-
#ac7e40
#ac7e40
rgb(172,126,64)
-
#ba8845
#ba8845
rgb(186,136,69)
-
#bf9154
#bf9154
rgb(191,145,84)
-
#c59b62
#c59b62
rgb(197,155,98)
-
#caa470
#caa470
rgb(202,164,112)
-
#cfad7f
#cfad7f
rgb(207,173,127)
-
#d5b68d
#d5b68d
rgb(213,182,141)
-
#dabf9b
#dabf9b
rgb(218,191,155)
-
#dfc8a9
#dfc8a9
rgb(223,200,169)
-
#e4d1b8
#e4d1b8
rgb(228,209,184)
-
#eadbc6
#eadbc6
rgb(234,219,198)
-
#efe4d4
#efe4d4
rgb(239,228,212)
-
#f4ede3
#f4ede3
rgb(244,237,227)
-
#faf6f1
#faf6f1
rgb(250,246,241)
Tones of #563f20
A tone is produced by adding gray to any pure hue. In this case, #3f3c37 is the less saturated color, while #764400 is the most saturated one.
-
#3f3c37
#3f3c37
rgb(63,60,55)
-
#443c32
#443c32
rgb(68,60,50)
-
#483d2e
#483d2e
rgb(72,61,46)
-
#4d3e29
#4d3e29
rgb(77,62,41)
-
#513e25
#513e25
rgb(81,62,37)
-
#563f20
#563f20
rgb(86,63,32)
-
#5b401b
#5b401b
rgb(91,64,27)
-
#5f4017
#5f4017
rgb(95,64,23)
-
#644112
#644112
rgb(100,65,18)
-
#68420e
#68420e
rgb(104,66,14)
-
#6d4209
#6d4209
rgb(109,66,9)
-
#714305
#714305
rgb(113,67,5)
-
#764400
#764400
rgb(118,68,0)
Color Blindness Simulator
Below, you can see how #563f20 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.