#564a42 hex color

In a RGB color space, hex #564a42 is composed of 33.7% red, 29% green and 25.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 14% magenta, 23.3% yellow and 66.3% black. It has a hue angle of 24 degrees, a saturation of 13.2% and a lightness of 29.8%. #564a42 color hex could be obtained by blending #ac9484 with #000000. Closest websafe color is: #663333.

♥
- f
- t
- g
- R 34
- G 29
- B 26
RGB color chart
- C 0
- M 14
- Y 23
- K 66
CMYK color chart

● #564a42 color description : Very dark grayish orange.

The hexadecimal color #564a42 has RGB values of R:86, G:74, B:66 and CMYK values of C:0, M:0.14, Y:0.23, K:0.66. Its decimal value is 5655106.

Hex triplet	564a42	`#564a42`
RGB Decimal	86, 74, 66	`rgb(86,74,66)`
RGB Percent	33.7, 29, 25.9	`rgb(33.7%,29%,25.9%)`
CMYK	0, 14, 23, 66
HSL	24°, 13.2, 29.8	`hsl(24,13.2%,29.8%)`
HSV (or HSB)	24°, 23.3, 33.7
Web Safe	663333	`#663333`

CIE-LAB	32.413, 3.566, 6.633
XYZ	7.27, 7.269, 6.174
xyY	0.351, 0.351, 7.269
CIE-LCH	32.413, 7.531, 61.736
CIE-LUV	32.413, 7.511, 7.117
Hunter-Lab	26.962, 0.946, 5.296
Binary	01010110, 01001010, 01000010

#564a42
```
#564a42 rgb(86,74,66)
```
#424e56
```
#424e56 rgb(66,78,86)
```

Complementary Color

#564244
```
#564244 rgb(86,66,68)
```
#564a42
```
#564a42 rgb(86,74,66)
```
#565442
```
#565442 rgb(86,84,66)
```

Analogous Color

#424456
```
#424456 rgb(66,68,86)
```
#564a42
```
#564a42 rgb(86,74,66)
```
#425654
```
#425654 rgb(66,86,84)
```

Split Complementary Color

#4a4256
```
#4a4256 rgb(74,66,86)
```
#564a42
```
#564a42 rgb(86,74,66)
```
#42564a
```
#42564a rgb(66,86,74)
```

Triadic Color

#56424e
```
#56424e rgb(86,66,78)
```
#564a42
```
#564a42 rgb(86,74,66)
```
#42564a
```
#42564a rgb(66,86,74)
```
#424e56
```
#424e56 rgb(66,78,86)
```

Tetradic Color

#2b2521
```
#2b2521 rgb(43,37,33)
```
#39312c
```
#39312c rgb(57,49,44)
```
#483e37
```
#483e37 rgb(72,62,55)
```
#564a42
```
#564a42 rgb(86,74,66)
```
#64564d
```
#64564d rgb(100,86,77)
```
#736358
```
#736358 rgb(115,99,88)
```
#816f63
```
#816f63 rgb(129,111,99)
```

Monochromatic Color

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

#564542
```
#564542 rgb(86,69,66)
```
#564742
```
#564742 rgb(86,71,66)
```
#564842
```
#564842 rgb(86,72,66)
```
#564a42
```
#564a42 rgb(86,74,66)
```
#564c42
```
#564c42 rgb(86,76,66)
```
#564d42
```
#564d42 rgb(86,77,66)
```
#564f42
```
#564f42 rgb(86,79,66)
```

Similar Colors

Text with hexadecimal color #564a42

This text has a font color of #564a42.

<span style="color:#564a42;">Text here</span>

#564a42 background color

This paragraph has a background color of #564a42.

<p style="background-color:#564a42;">Content here</p>

#564a42 border color

This element has a border color of #564a42.

<div style="border:1px solid #564a42;">Content here</div>

CSS codes

.text {color:#564a42;}

.background {background-color:#564a42;}

.border {border:1px solid #564a42;}

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, #080706 is the darkest color, while #fdfcfc is the lightest one.

#080706
```
#080706 rgb(8,7,6)
```
#13110f
```
#13110f rgb(19,17,15)
```
#1f1a17
```
#1f1a17 rgb(31,26,23)
```
#2a2420
```
#2a2420 rgb(42,36,32)
```
#352d28
```
#352d28 rgb(53,45,40)
```
#403731
```
#403731 rgb(64,55,49)
```
#4b4039
```
#4b4039 rgb(75,64,57)
```
#564a42
```
#564a42 rgb(86,74,66)
```
#61544b
```
#61544b rgb(97,84,75)
```
#6c5d53
```
#6c5d53 rgb(108,93,83)
```
#77675c
```
#77675c rgb(119,103,92)
```
#827064
```
#827064 rgb(130,112,100)
```
#8d7a6d
```
#8d7a6d rgb(141,122,109)
```

Shade Color Variation

#978477
```
#978477 rgb(151,132,119)
```
#9f8e82
```
#9f8e82 rgb(159,142,130)
```
#a8988d
```
#a8988d rgb(168,152,141)
```
#b0a298
```
#b0a298 rgb(176,162,152)
```
#b9aca3
```
#b9aca3 rgb(185,172,163)
```
#c1b6af
```
#c1b6af rgb(193,182,175)
```
#cac0ba
```
#cac0ba rgb(202,192,186)
```
#d2cac5
```
#d2cac5 rgb(210,202,197)
```
#dbd4d0
```
#dbd4d0 rgb(219,212,208)
```
#e3dedb
```
#e3dedb rgb(227,222,219)
```
#ece8e6
```
#ece8e6 rgb(236,232,230)
```
#f4f2f1
```
#f4f2f1 rgb(244,242,241)
```
#fdfcfc
```
#fdfcfc rgb(253,252,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #504b48 is the less saturated color, while #963d02 is the most saturated one.

#504b48
```
#504b48 rgb(80,75,72)
```
#564a42
```
#564a42 rgb(86,74,66)
```
#5c493c
```
#5c493c rgb(92,73,60)
```
#624836
```
#624836 rgb(98,72,54)
```
#684630
```
#684630 rgb(104,70,48)
```
#6d452b
```
#6d452b rgb(109,69,43)
```
#734425
```
#734425 rgb(115,68,37)
```
#79431f
```
#79431f rgb(121,67,31)
```
#7f4219
```
#7f4219 rgb(127,66,25)
```
#854113
```
#854113 rgb(133,65,19)
```
#8b3f0d
```
#8b3f0d rgb(139,63,13)
```
#903e08
```
#903e08 rgb(144,62,8)
```
#963d02
```
#963d02 rgb(150,61,2)
```

Tone Color Variation

Below, you can see how #564a42 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.

Monochromacy

#4d4d4d Achromatopsia 0.005% of the population
#4f4c4b Atypical Achromatopsia 0.001% of the population

Dichromacy

#59554c Protanopia 1% of men
#60524c Deuteranopia 1% of men
#605157 Tritanopia 0.001% of the population

Trichromacy

#575148 Protanomaly 1% of men, 0.01% of women
#5c4f48 Deuteranomaly 6% of men, 0.4% of women
#5c4e4f Tritanomaly 0.01% of the population

#564a42 hex color

#564a42 Color Information

#564a42 Color Conversion

Color Schemes with #564a42

Alternatives to #564a42

#564a42 Preview

Shades and Tints of #564a42

Tones of #564a42

Color Blindness Simulator