#564b40 hex color

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

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

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

The hexadecimal color #564b40 has RGB values of R:86, G:75, B:64 and CMYK values of C:0, M:0.13, Y:0.26, K:0.66. Its decimal value is 5655360.

Hex triplet	564b40	`#564b40`
RGB Decimal	86, 75, 64	`rgb(86,75,64)`
RGB Percent	33.7, 29.4, 25.1	`rgb(33.7%,29.4%,25.1%)`
CMYK	0, 13, 26, 66
HSL	30°, 14.7, 29.4	`hsl(30,14.7%,29.4%)`
HSV (or HSB)	30°, 25.6, 33.7
Web Safe	663333	`#663333`

CIE-LAB	32.659, 2.597, 8.249
XYZ	7.279, 7.381, 5.891
xyY	0.354, 0.359, 7.381
CIE-LCH	32.659, 8.648, 72.526
CIE-LUV	32.659, 7.123, 9.045
Hunter-Lab	27.168, 0.282, 6.16
Binary	01010110, 01001011, 01000000

#564b40
```
#564b40 rgb(86,75,64)
```
#404b56
```
#404b56 rgb(64,75,86)
```

Complementary Color

#564040
```
#564040 rgb(86,64,64)
```
#564b40
```
#564b40 rgb(86,75,64)
```
#565640
```
#565640 rgb(86,86,64)
```

Analogous Color

#404056
```
#404056 rgb(64,64,86)
```
#564b40
```
#564b40 rgb(86,75,64)
```
#405656
```
#405656 rgb(64,86,86)
```

Split Complementary Color

#4b4056
```
#4b4056 rgb(75,64,86)
```
#564b40
```
#564b40 rgb(86,75,64)
```
#40564b
```
#40564b rgb(64,86,75)
```

Triadic Color

#56404b
```
#56404b rgb(86,64,75)
```
#564b40
```
#564b40 rgb(86,75,64)
```
#40564b
```
#40564b rgb(64,86,75)
```
#404b56
```
#404b56 rgb(64,75,86)
```

Tetradic Color

#2a251f
```
#2a251f rgb(42,37,31)
```
#39322a
```
#39322a rgb(57,50,42)
```
#473e35
```
#473e35 rgb(71,62,53)
```
#564b40
```
#564b40 rgb(86,75,64)
```
#65584b
```
#65584b rgb(101,88,75)
```
#736556
```
#736556 rgb(115,101,86)
```
#827161
```
#827161 rgb(130,113,97)
```

Monochromatic Color

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

#564640
```
#564640 rgb(86,70,64)
```
#564740
```
#564740 rgb(86,71,64)
```
#564940
```
#564940 rgb(86,73,64)
```
#564b40
```
#564b40 rgb(86,75,64)
```
#564d40
```
#564d40 rgb(86,77,64)
```
#564f40
```
#564f40 rgb(86,79,64)
```
#565140
```
#565140 rgb(86,81,64)
```

Similar Colors

Text with hexadecimal color #564b40

This text has a font color of #564b40.

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

#564b40 background color

This paragraph has a background color of #564b40.

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

#564b40 border color

This element has a border color of #564b40.

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

CSS codes

.text {color:#564b40;}

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

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

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 #fcfcfb is the lightest one.

#070605
```
#070605 rgb(7,6,5)
```
#13100e
```
#13100e rgb(19,16,14)
```
#1e1a16
```
#1e1a16 rgb(30,26,22)
```
#29241f
```
#29241f rgb(41,36,31)
```
#342e27
```
#342e27 rgb(52,46,39)
```
#40372f
```
#40372f rgb(64,55,47)
```
#4b4138
```
#4b4138 rgb(75,65,56)
```
#564b40
```
#564b40 rgb(86,75,64)
```
#615548
```
#615548 rgb(97,85,72)
```
#6c5f51
```
#6c5f51 rgb(108,95,81)
```
#786859
```
#786859 rgb(120,104,89)
```
#837261
```
#837261 rgb(131,114,97)
```
#8e7c6a
```
#8e7c6a rgb(142,124,106)
```

Shade Color Variation

#988674
```
#988674 rgb(152,134,116)
```
#a0907f
```
#a0907f rgb(160,144,127)
```
#a8998b
```
#a8998b rgb(168,153,139)
```
#b1a396
```
#b1a396 rgb(177,163,150)
```
#b9ada1
```
#b9ada1 rgb(185,173,161)
```
#c1b7ac
```
#c1b7ac rgb(193,183,172)
```
#cac1b8
```
#cac1b8 rgb(202,193,184)
```
#d2cbc3
```
#d2cbc3 rgb(210,203,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)
```
#fcfcfb
```
#fcfcfb rgb(252,252,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 #954b01 is the most saturated one.

#504b46
```
#504b46 rgb(80,75,70)
```
#564b40
```
#564b40 rgb(86,75,64)
```
#5c4b3a
```
#5c4b3a rgb(92,75,58)
```
#624b34
```
#624b34 rgb(98,75,52)
```
#674b2f
```
#674b2f rgb(103,75,47)
```
#6d4b29
```
#6d4b29 rgb(109,75,41)
```
#734b23
```
#734b23 rgb(115,75,35)
```
#794b1d
```
#794b1d rgb(121,75,29)
```
#7e4b18
```
#7e4b18 rgb(126,75,24)
```
#844b12
```
#844b12 rgb(132,75,18)
```
#8a4b0c
```
#8a4b0c rgb(138,75,12)
```
#904b06
```
#904b06 rgb(144,75,6)
```
#954b01
```
#954b01 rgb(149,75,1)
```

Tone Color Variation

Below, you can see how #564b40 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
#4f4d4a Atypical Achromatopsia 0.001% of the population

Dichromacy

#5a554a Protanopia 1% of men
#62534a Deuteranopia 1% of men
#605258 Tritanopia 0.001% of the population

Trichromacy

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

#564b40 hex color

#564b40 Color Information

#564b40 Color Conversion

Color Schemes with #564b40

Alternatives to #564b40

#564b40 Preview

Shades and Tints of #564b40

Tones of #564b40

Color Blindness Simulator