#564f49 hex color

In a RGB color space, hex #564f49 is composed of 33.7% red, 31% green and 28.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 8.1% magenta, 15.1% yellow and 66.3% black. It has a hue angle of 27.7 degrees, a saturation of 8.2% and a lightness of 31.2%. #564f49 color hex could be obtained by blending #ac9e92 with #000000. Closest websafe color is: #666633.

♥
- f
- t
- g
- R 34
- G 31
- B 29
RGB color chart
- C 0
- M 8
- Y 15
- K 66
CMYK color chart

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

The hexadecimal color #564f49 has RGB values of R:86, G:79, B:73 and CMYK values of C:0, M:0.08, Y:0.15, K:0.66. Its decimal value is 5656393.

Hex triplet	564f49	`#564f49`
RGB Decimal	86, 79, 73	`rgb(86,79,73)`
RGB Percent	33.7, 31, 28.6	`rgb(33.7%,31%,28.6%)`
CMYK	0, 8, 15, 66
HSL	27.7°, 8.2, 31.2	`hsl(27.7,8.2%,31.2%)`
HSV (or HSB)	27.7°, 15.1, 33.7
Web Safe	666633	`#666633`

CIE-LAB	34.09, 1.711, 4.581
XYZ	7.836, 8.052, 7.444
xyY	0.336, 0.345, 8.052
CIE-LCH	34.09, 4.891, 69.518
CIE-LUV	34.09, 4.352, 5.203
Hunter-Lab	28.375, -0.362, 4.308
Binary	01010110, 01001111, 01001001

#564f49
```
#564f49 rgb(86,79,73)
```
#495056
```
#495056 rgb(73,80,86)
```

Complementary Color

#56494a
```
#56494a rgb(86,73,74)
```
#564f49
```
#564f49 rgb(86,79,73)
```
#565649
```
#565649 rgb(86,86,73)
```

Analogous Color

#494a56
```
#494a56 rgb(73,74,86)
```
#564f49
```
#564f49 rgb(86,79,73)
```
#495656
```
#495656 rgb(73,86,86)
```

Split Complementary Color

#4f4956
```
#4f4956 rgb(79,73,86)
```
#564f49
```
#564f49 rgb(86,79,73)
```
#49564f
```
#49564f rgb(73,86,79)
```

Triadic Color

#564950
```
#564950 rgb(86,73,80)
```
#564f49
```
#564f49 rgb(86,79,73)
```
#49564f
```
#49564f rgb(73,86,79)
```
#495056
```
#495056 rgb(73,80,86)
```

Tetradic Color

#2d2926
```
#2d2926 rgb(45,41,38)
```
#3a3632
```
#3a3632 rgb(58,54,50)
```
#48423d
```
#48423d rgb(72,66,61)
```
#564f49
```
#564f49 rgb(86,79,73)
```
#645c55
```
#645c55 rgb(100,92,85)
```
#726860
```
#726860 rgb(114,104,96)
```
#7f756c
```
#7f756c rgb(127,117,108)
```

Monochromatic Color

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

#564c49
```
#564c49 rgb(86,76,73)
```
#564d49
```
#564d49 rgb(86,77,73)
```
#564e49
```
#564e49 rgb(86,78,73)
```
#564f49
```
#564f49 rgb(86,79,73)
```
#565049
```
#565049 rgb(86,80,73)
```
#565149
```
#565149 rgb(86,81,73)
```
#565249
```
#565249 rgb(86,82,73)
```

Similar Colors

Text with hexadecimal color #564f49

This text has a font color of #564f49.

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

#564f49 background color

This paragraph has a background color of #564f49.

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

#564f49 border color

This element has a border color of #564f49.

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

CSS codes

.text {color:#564f49;}

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

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

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

#010101
```
#010101 rgb(1,1,1)
```
#0c0b0a
```
#0c0b0a rgb(12,11,10)
```
#161513
```
#161513 rgb(22,21,19)
```
#211e1c
```
#211e1c rgb(33,30,28)
```
#2c2825
```
#2c2825 rgb(44,40,37)
```
#36322e
```
#36322e rgb(54,50,46)
```
#413c37
```
#413c37 rgb(65,60,55)
```
#4b4540
```
#4b4540 rgb(75,69,64)
```
#564f49
```
#564f49 rgb(86,79,73)
```
#615952
```
#615952 rgb(97,89,82)
```
#6b625b
```
#6b625b rgb(107,98,91)
```
#766c64
```
#766c64 rgb(118,108,100)
```
#80766d
```
#80766d rgb(128,118,109)
```

Shade Color Variation

#8b8076
```
#8b8076 rgb(139,128,118)
```
#948a81
```
#948a81 rgb(148,138,129)
```
#9d938b
```
#9d938b rgb(157,147,139)
```
#a69d96
```
#a69d96 rgb(166,157,150)
```
#afa7a1
```
#afa7a1 rgb(175,167,161)
```
#b8b1ab
```
#b8b1ab rgb(184,177,171)
```
#c1bbb6
```
#c1bbb6 rgb(193,187,182)
```
#cac5c0
```
#cac5c0 rgb(202,197,192)
```
#d3cfcb
```
#d3cfcb rgb(211,207,203)
```
#dcd9d6
```
#dcd9d6 rgb(220,217,214)
```
#e5e2e0
```
#e5e2e0 rgb(229,226,224)
```
#eeeceb
```
#eeeceb rgb(238,236,235)
```
#f7f6f6
```
#f7f6f6 rgb(247,246,246)
```

Tint Color Variation

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

#504f4f
```
#504f4f rgb(80,79,79)
```
#564f49
```
#564f49 rgb(86,79,73)
```
#5c4f43
```
#5c4f43 rgb(92,79,67)
```
#624e3d
```
#624e3d rgb(98,78,61)
```
#684e37
```
#684e37 rgb(104,78,55)
```
#6e4d31
```
#6e4d31 rgb(110,77,49)
```
#754d2a
```
#754d2a rgb(117,77,42)
```
#7b4c24
```
#7b4c24 rgb(123,76,36)
```
#814c1e
```
#814c1e rgb(129,76,30)
```
#874b18
```
#874b18 rgb(135,75,24)
```
#8d4b12
```
#8d4b12 rgb(141,75,18)
```
#934a0c
```
#934a0c rgb(147,74,12)
```
#994a06
```
#994a06 rgb(153,74,6)
```

Tone Color Variation

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

#505050 Achromatopsia 0.005% of the population
#51504f Atypical Achromatopsia 0.001% of the population

Dichromacy

#5c5852 Protanopia 1% of men
#635653 Deuteranopia 1% of men
#60565c Tritanopia 0.001% of the population

Trichromacy

#5a554f Protanomaly 1% of men, 0.01% of women
#5e534f Deuteranomaly 6% of men, 0.4% of women
#5c5355 Tritanomaly 0.01% of the population

#564f49 hex color

#564f49 Color Information

#564f49 Color Conversion

Color Schemes with #564f49

Alternatives to #564f49

#564f49 Preview

Shades and Tints of #564f49

Tones of #564f49

Color Blindness Simulator