#564a40 hex color

In a RGB color space, hex #564a40 is composed of 33.7% red, 29% green and 25.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 14% magenta, 25.6% yellow and 66.3% black. It has a hue angle of 27.3 degrees, a saturation of 14.7% and a lightness of 29.4%. #564a40 color hex could be obtained by blending #ac9480 with #000000. Closest websafe color is: #663333.

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

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

The hexadecimal color #564a40 has RGB values of R:86, G:74, B:64 and CMYK values of C:0, M:0.14, Y:0.26, K:0.66. Its decimal value is 5655104.

Hex triplet	564a40	`#564a40`
RGB Decimal	86, 74, 64	`rgb(86,74,64)`
RGB Percent	33.7, 29, 25.1	`rgb(33.7%,29%,25.1%)`
CMYK	0, 14, 26, 66
HSL	27.3°, 14.7, 29.4	`hsl(27.3,14.7%,29.4%)`
HSV (or HSB)	27.3°, 25.6, 33.7
Web Safe	663333	`#663333`

CIE-LAB	32.361, 3.223, 7.832
XYZ	7.212, 7.246, 5.869
xyY	0.355, 0.356, 7.246
CIE-LCH	32.361, 8.469, 67.632
CIE-LUV	32.361, 7.666, 8.469
Hunter-Lab	26.919, 0.714, 5.917
Binary	01010110, 01001010, 01000000

#564a40
```
#564a40 rgb(86,74,64)
```
#404c56
```
#404c56 rgb(64,76,86)
```

Complementary Color

#564041
```
#564041 rgb(86,64,65)
```
#564a40
```
#564a40 rgb(86,74,64)
```
#565540
```
#565540 rgb(86,85,64)
```

Analogous Color

#404156
```
#404156 rgb(64,65,86)
```
#564a40
```
#564a40 rgb(86,74,64)
```
#405655
```
#405655 rgb(64,86,85)
```

Split Complementary Color

#4a4056
```
#4a4056 rgb(74,64,86)
```
#564a40
```
#564a40 rgb(86,74,64)
```
#40564a
```
#40564a rgb(64,86,74)
```

Triadic Color

#56404c
```
#56404c rgb(86,64,76)
```
#564a40
```
#564a40 rgb(86,74,64)
```
#40564a
```
#40564a rgb(64,86,74)
```
#404c56
```
#404c56 rgb(64,76,86)
```

Tetradic Color

#2a241f
```
#2a241f rgb(42,36,31)
```
#39312a
```
#39312a rgb(57,49,42)
```
#473d35
```
#473d35 rgb(71,61,53)
```
#564a40
```
#564a40 rgb(86,74,64)
```
#65574b
```
#65574b rgb(101,87,75)
```
#736356
```
#736356 rgb(115,99,86)
```
#827061
```
#827061 rgb(130,112,97)
```

Monochromatic Color

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

#564540
```
#564540 rgb(86,69,64)
```
#564640
```
#564640 rgb(86,70,64)
```
#564840
```
#564840 rgb(86,72,64)
```
#564a40
```
#564a40 rgb(86,74,64)
```
#564c40
```
#564c40 rgb(86,76,64)
```
#564e40
```
#564e40 rgb(86,78,64)
```
#565040
```
#565040 rgb(86,80,64)
```

Similar Colors

Text with hexadecimal color #564a40

This text has a font color of #564a40.

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

#564a40 background color

This paragraph has a background color of #564a40.

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

#564a40 border color

This element has a border color of #564a40.

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

CSS codes

.text {color:#564a40;}

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

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

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

#070605
```
#070605 rgb(7,6,5)
```
#13100e
```
#13100e rgb(19,16,14)
```
#1e1a16
```
#1e1a16 rgb(30,26,22)
```
#29231f
```
#29231f rgb(41,35,31)
```
#342d27
```
#342d27 rgb(52,45,39)
```
#40372f
```
#40372f rgb(64,55,47)
```
#4b4038
```
#4b4038 rgb(75,64,56)
```
#564a40
```
#564a40 rgb(86,74,64)
```
#615448
```
#615448 rgb(97,84,72)
```
#6c5d51
```
#6c5d51 rgb(108,93,81)
```
#786759
```
#786759 rgb(120,103,89)
```
#837161
```
#837161 rgb(131,113,97)
```
#8e7a6a
```
#8e7a6a rgb(142,122,106)
```

Shade Color Variation

#988474
```
#988474 rgb(152,132,116)
```
#a08e7f
```
#a08e7f rgb(160,142,127)
```
#a8988b
```
#a8988b rgb(168,152,139)
```
#b1a296
```
#b1a296 rgb(177,162,150)
```
#b9aca1
```
#b9aca1 rgb(185,172,161)
```
#c1b6ac
```
#c1b6ac rgb(193,182,172)
```
#cac0b8
```
#cac0b8 rgb(202,192,184)
```
#d2cac3
```
#d2cac3 rgb(210,202,195)
```
#dbd4ce
```
#dbd4ce rgb(219,212,206)
```
#e3ded9
```
#e3ded9 rgb(227,222,217)
```
#ebe8e5
```
#ebe8e5 rgb(235,232,229)
```
#f4f2f0
```
#f4f2f0 rgb(244,242,240)
```
#fcfbfb
```
#fcfbfb rgb(252,251,251)
```

Tint Color Variation

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

#504b46
```
#504b46 rgb(80,75,70)
```
#564a40
```
#564a40 rgb(86,74,64)
```
#5c493a
```
#5c493a rgb(92,73,58)
```
#624934
```
#624934 rgb(98,73,52)
```
#67482f
```
#67482f rgb(103,72,47)
```
#6d4829
```
#6d4829 rgb(109,72,41)
```
#734723
```
#734723 rgb(115,71,35)
```
#79471d
```
#79471d rgb(121,71,29)
```
#7e4618
```
#7e4618 rgb(126,70,24)
```
#844612
```
#844612 rgb(132,70,18)
```
#8a450c
```
#8a450c rgb(138,69,12)
```
#904506
```
#904506 rgb(144,69,6)
```
#954401
```
#954401 rgb(149,68,1)
```

Tone Color Variation

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

#4c4c4c Achromatopsia 0.005% of the population
#4e4c4a Atypical Achromatopsia 0.001% of the population

Dichromacy

#59554a Protanopia 1% of men
#61524a Deuteranopia 1% of men
#605157 Tritanopia 0.001% of the population

Trichromacy

#585146 Protanomaly 1% of men, 0.01% of women
#5d4f46 Deuteranomaly 6% of men, 0.4% of women
#5c4e4e Tritanomaly 0.01% of the population

#564a40 hex color

#564a40 Color Information

#564a40 Color Conversion

Color Schemes with #564a40

Alternatives to #564a40

#564a40 Preview

Shades and Tints of #564a40

Tones of #564a40

Color Blindness Simulator