#563e20 Color Information
In a RGB color space, hex #563e20 is composed of 33.7% red, 24.3% green and 12.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 27.9% magenta, 62.8% yellow and 66.3% black. It has a hue angle of 33.3 degrees, a saturation of 45.8% and a lightness of 23.1%. #563e20 color hex could be obtained by blending #ac7c40 with #000000. Closest websafe color is: #663333.
-
- R 34
- G 24
- B 13
-
- C 0
- M 28
- Y 63
- K 66
● #563e20 color description : Very dark orange [Brown tone].
#563e20 Color Conversion
The hexadecimal color #563e20 has RGB values of R:86, G:62, B:32 and CMYK values of C:0, M:0.28, Y:0.63, K:0.66. Its decimal value is 5652000.
Hex triplet | 563e20 | #563e20 |
---|---|---|
RGB Decimal | 86, 62, 32 | rgb(86,62,32) |
RGB Percent | 33.7, 24.3, 12.5 | rgb(33.7%,24.3%,12.5%) |
CMYK | 0, 28, 63, 66 | |
HSL | 33.3°, 45.8, 23.1 | hsl(33.3,45.8%,23.1%) |
HSV (or HSB) | 33.3°, 62.8, 33.7 | |
Web Safe | 663333 | #663333 |
CIE-LAB | 28.19, 6.615, 22.326 |
---|---|
XYZ | 5.821, 5.528, 2.127 |
xyY | 0.432, 0.41, 5.528 |
CIE-LCH | 28.19, 23.285, 73.495 |
CIE-LUV | 28.19, 17.201, 20.046 |
Hunter-Lab | 23.512, 3.047, 11.095 |
Binary | 01010110, 00111110, 00100000 |
Color Schemes with #563e20
Alternatives to #563e20
Below, you can see some colors close to #563e20. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#563e20 Preview
This text has a font color of #563e20.
<span style="color:#563e20;">Text here</span>
This paragraph has a background color of #563e20.
<p style="background-color:#563e20;">Content here</p>
This element has a border color of #563e20.
<div style="border:1px solid #563e20;">Content here</div>
.text {color:#563e20;}
.background {background-color:#563e20;}
.border {border:1px solid #563e20;}
Shades and Tints of #563e20
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)
-
#0f0a05
#0f0a05
rgb(15,10,5)
-
#1d150b
#1d150b
rgb(29,21,11)
-
#2b1f10
#2b1f10
rgb(43,31,16)
-
#392915
#392915
rgb(57,41,21)
-
#48341b
#48341b
rgb(72,52,27)
-
#563e20
#563e20
rgb(86,62,32)
-
#644825
#644825
rgb(100,72,37)
-
#73532b
#73532b
rgb(115,83,43)
-
#815d30
#815d30
rgb(129,93,48)
-
#8f6735
#8f6735
rgb(143,103,53)
-
#9d723b
#9d723b
rgb(157,114,59)
-
#ac7c40
#ac7c40
rgb(172,124,64)
-
#ba8645
#ba8645
rgb(186,134,69)
-
#bf8f54
#bf8f54
rgb(191,143,84)
-
#c59962
#c59962
rgb(197,153,98)
-
#caa270
#caa270
rgb(202,162,112)
-
#cfab7f
#cfab7f
rgb(207,171,127)
-
#d5b58d
#d5b58d
rgb(213,181,141)
-
#dabe9b
#dabe9b
rgb(218,190,155)
-
#dfc7a9
#dfc7a9
rgb(223,199,169)
-
#e4d1b8
#e4d1b8
rgb(228,209,184)
-
#eadac6
#eadac6
rgb(234,218,198)
-
#efe3d4
#efe3d4
rgb(239,227,212)
-
#f4ede3
#f4ede3
rgb(244,237,227)
-
#faf6f1
#faf6f1
rgb(250,246,241)
Tones of #563e20
A tone is produced by adding gray to any pure hue. In this case, #3f3b37 is the less saturated color, while #764200 is the most saturated one.
-
#3f3b37
#3f3b37
rgb(63,59,55)
-
#443c32
#443c32
rgb(68,60,50)
-
#483c2e
#483c2e
rgb(72,60,46)
-
#4d3d29
#4d3d29
rgb(77,61,41)
-
#513d25
#513d25
rgb(81,61,37)
-
#563e20
#563e20
rgb(86,62,32)
-
#5b3f1b
#5b3f1b
rgb(91,63,27)
-
#5f3f17
#5f3f17
rgb(95,63,23)
-
#644012
#644012
rgb(100,64,18)
-
#68400e
#68400e
rgb(104,64,14)
-
#6d4109
#6d4109
rgb(109,65,9)
-
#714105
#714105
rgb(113,65,5)
-
#764200
#764200
rgb(118,66,0)
Color Blindness Simulator
Below, you can see how #563e20 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.