colorhexa.com

#564740 hex color

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

- R 34
- G 28
- B 25
RGB color chart
- C 0
- M 17
- Y 26
- K 66
CMYK color chart

● #564740 color description : Very dark grayish orange.

The hexadecimal color #564740 has RGB values of R:86, G:71, B:64 and CMYK values of C:0, M:0.17, Y:0.26, K:0.66. Its decimal value is 5654336.

Hex triplet	564740	`#564740`
RGB Decimal	86, 71, 64	`rgb(86,71,64)`
RGB Percent	33.7, 27.8, 25.1	`rgb(33.7%,27.8%,25.1%)`
CMYK	0, 17, 26, 66
HSL	19.1°, 14.7, 29.4	`hsl(19.1,14.7%,29.4%)`
HSV (or HSB)	19.1°, 25.6, 33.7
Web Safe	663333	`#663333`

CIE-LAB	31.475, 5.112, 6.585
XYZ	7.016, 6.855, 5.804
xyY	0.357, 0.348, 6.855
CIE-LCH	31.475, 8.336, 52.178
CIE-LUV	31.475, 9.289, 6.747
Hunter-Lab	26.183, 2.014, 5.185
Binary	01010110, 01000111, 01000000

#564740
```
#564740 rgb(86,71,64)
```
#404f56
```
#404f56 rgb(64,79,86)
```

Complementary Color

#564044
```
#564044 rgb(86,64,68)
```
#564740
```
#564740 rgb(86,71,64)
```
#565240
```
#565240 rgb(86,82,64)
```

Analogous Color

#404456
```
#404456 rgb(64,68,86)
```
#564740
```
#564740 rgb(86,71,64)
```
#405652
```
#405652 rgb(64,86,82)
```

Split Complementary Color

#2a231f
```
#2a231f rgb(42,35,31)
```
#392f2a
```
#392f2a rgb(57,47,42)
```
#473b35
```
#473b35 rgb(71,59,53)
```
#564740
```
#564740 rgb(86,71,64)
```
#65534b
```
#65534b rgb(101,83,75)
```
#735f56
```
#735f56 rgb(115,95,86)
```
#826b61
```
#826b61 rgb(130,107,97)
```

Monochromatic Color

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

#564240
```
#564240 rgb(86,66,64)
```
#564340
```
#564340 rgb(86,67,64)
```
#564540
```
#564540 rgb(86,69,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)
```

Similar Colors

Text with hexadecimal color #564740

This text has a font color of #564740.

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

#564740 background color

This paragraph has a background color of #564740.

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

#564740 border color

This element has a border color of #564740.

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

CSS codes

.text {color:#564740;}

.background {background-color:#564740;}

.border {border:1px solid #564740;}

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)
```
#130f0e
```
#130f0e rgb(19,15,14)
```
#1e1916
```
#1e1916 rgb(30,25,22)
```
#29221f
```
#29221f rgb(41,34,31)
```
#342b27
```
#342b27 rgb(52,43,39)
```
#40342f
```
#40342f rgb(64,52,47)
```
#4b3e38
```
#4b3e38 rgb(75,62,56)
```
#564740
```
#564740 rgb(86,71,64)
```
#615048
```
#615048 rgb(97,80,72)
```
#6c5a51
```
#6c5a51 rgb(108,90,81)
```
#786359
```
#786359 rgb(120,99,89)
```
#836c61
```
#836c61 rgb(131,108,97)
```
#8e756a
```
#8e756a rgb(142,117,106)
```

Shade Color Variation

#987f74
```
#987f74 rgb(152,127,116)
```
#a08a7f
```
#a08a7f rgb(160,138,127)
```
#a8948b
```
#a8948b rgb(168,148,139)
```
#b19e96
```
#b19e96 rgb(177,158,150)
```
#b9a9a1
```
#b9a9a1 rgb(185,169,161)
```
#c1b3ac
```
#c1b3ac rgb(193,179,172)
```
#cabdb8
```
#cabdb8 rgb(202,189,184)
```
#d2c8c3
```
#d2c8c3 rgb(210,200,195)
```
#dbd2ce
```
#dbd2ce rgb(219,210,206)
```
#e3dcd9
```
#e3dcd9 rgb(227,220,217)
```
#ebe7e5
```
#ebe7e5 rgb(235,231,229)
```
#f4f1f0
```
#f4f1f0 rgb(244,241,240)
```
#fcfbfb
```
#fcfbfb rgb(252,251,251)
```

Tint Color Variation

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

#504946
```
#504946 rgb(80,73,70)
```
#564740
```
#564740 rgb(86,71,64)
```
#5c453a
```
#5c453a rgb(92,69,58)
```
#624334
```
#624334 rgb(98,67,52)
```
#67412f
```
#67412f rgb(103,65,47)
```
#6d3f29
```
#6d3f29 rgb(109,63,41)
```
#733d23
```
#733d23 rgb(115,61,35)
```
#793a1d
```
#793a1d rgb(121,58,29)
```
#7e3818
```
#7e3818 rgb(126,56,24)
```
#843612
```
#843612 rgb(132,54,18)
```
#8a340c
```
#8a340c rgb(138,52,12)
```
#903206
```
#903206 rgb(144,50,6)
```
#953001
```
#953001 rgb(149,48,1)
```

Tone Color Variation

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

#4b4b4b Achromatopsia 0.005% of the population
#4d4a49 Atypical Achromatopsia 0.001% of the population

Dichromacy

#56534b Protanopia 1% of men
#5e5049 Deuteranopia 1% of men
#604e54 Tritanopia 0.001% of the population

Trichromacy

#564e47 Protanomaly 1% of men, 0.01% of women
#5b4d46 Deuteranomaly 6% of men, 0.4% of women
#5c4c4d Tritanomaly 0.01% of the population