#564222 Color Information
In a RGB color space, hex #564222 is composed of 33.7% red, 25.9% green and 13.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 23.3% magenta, 60.5% yellow and 66.3% black. It has a hue angle of 36.9 degrees, a saturation of 43.3% and a lightness of 23.5%. #564222 color hex could be obtained by blending #ac8444 with #000000. Closest websafe color is: #663333.
-
- R 34
- G 26
- B 13
-
- C 0
- M 23
- Y 60
- K 66
● #564222 color description : Very dark orange [Brown tone].
#564222 Color Conversion
The hexadecimal color #564222 has RGB values of R:86, G:66, B:34 and CMYK values of C:0, M:0.23, Y:0.6, K:0.66. Its decimal value is 5653026.
Hex triplet | 564222 | #564222 |
---|---|---|
RGB Decimal | 86, 66, 34 | rgb(86,66,34) |
RGB Percent | 33.7, 25.9, 13.3 | rgb(33.7%,25.9%,13.3%) |
CMYK | 0, 23, 60, 66 | |
HSL | 36.9°, 43.3, 23.5 | hsl(36.9,43.3%,23.5%) |
HSV (or HSB) | 36.9°, 60.5, 33.7 | |
Web Safe | 663333 | #663333 |
CIE-LAB | 29.389, 4.268, 22.575 |
---|---|
XYZ | 6.075, 5.991, 2.35 |
xyY | 0.421, 0.416, 5.991 |
CIE-LCH | 29.389, 22.975, 79.294 |
CIE-LUV | 29.389, 14.561, 21.09 |
Hunter-Lab | 24.476, 1.47, 11.441 |
Binary | 01010110, 01000010, 00100010 |
Color Schemes with #564222
Alternatives to #564222
Below, you can see some colors close to #564222. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#564222 Preview
This text has a font color of #564222.
<span style="color:#564222;">Text here</span>
This paragraph has a background color of #564222.
<p style="background-color:#564222;">Content here</p>
This element has a border color of #564222.
<div style="border:1px solid #564222;">Content here</div>
.text {color:#564222;}
.background {background-color:#564222;}
.border {border:1px solid #564222;}
Shades and Tints of #564222
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, #020101 is the darkest color, while #faf7f3 is the lightest one.
-
#020101
#020101
rgb(2,1,1)
-
#100c06
#100c06
rgb(16,12,6)
-
#1e170c
#1e170c
rgb(30,23,12)
-
#2c2211
#2c2211
rgb(44,34,17)
-
#3a2c17
#3a2c17
rgb(58,44,23)
-
#48371c
#48371c
rgb(72,55,28)
-
#564222
#564222
rgb(86,66,34)
-
#644d28
#644d28
rgb(100,77,40)
-
#72582d
#72582d
rgb(114,88,45)
-
#806233
#806233
rgb(128,98,51)
-
#8e6d38
#8e6d38
rgb(142,109,56)
-
#9c783e
#9c783e
rgb(156,120,62)
-
#aa8343
#aa8343
rgb(170,131,67)
-
#b78d4a
#b78d4a
rgb(183,141,74)
-
#bd9658
#bd9658
rgb(189,150,88)
-
#c39f66
#c39f66
rgb(195,159,102)
-
#c8a874
#c8a874
rgb(200,168,116)
-
#ceb182
#ceb182
rgb(206,177,130)
-
#d3b990
#d3b990
rgb(211,185,144)
-
#d9c29e
#d9c29e
rgb(217,194,158)
-
#decbac
#decbac
rgb(222,203,172)
-
#e4d4ba
#e4d4ba
rgb(228,212,186)
-
#e9ddc8
#e9ddc8
rgb(233,221,200)
-
#efe6d6
#efe6d6
rgb(239,230,214)
-
#f5eee5
#f5eee5
rgb(245,238,229)
-
#faf7f3
#faf7f3
rgb(250,247,243)
Tones of #564222
A tone is produced by adding gray to any pure hue. In this case, #3f3d39 is the less saturated color, while #764902 is the most saturated one.
-
#3f3d39
#3f3d39
rgb(63,61,57)
-
#443e34
#443e34
rgb(68,62,52)
-
#483f30
#483f30
rgb(72,63,48)
-
#4d402b
#4d402b
rgb(77,64,43)
-
#514127
#514127
rgb(81,65,39)
-
#564222
#564222
rgb(86,66,34)
-
#5b431d
#5b431d
rgb(91,67,29)
-
#5f4419
#5f4419
rgb(95,68,25)
-
#644514
#644514
rgb(100,69,20)
-
#684610
#684610
rgb(104,70,16)
-
#6d470b
#6d470b
rgb(109,71,11)
-
#724806
#724806
rgb(114,72,6)
-
#764902
#764902
rgb(118,73,2)
Color Blindness Simulator
Below, you can see how #564222 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.