#564f45 hex color

In a RGB color space, hex #564f45 is composed of 33.7% red, 31% green and 27.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 8.1% magenta, 19.8% yellow and 66.3% black. It has a hue angle of 35.3 degrees, a saturation of 11% and a lightness of 30.4%. #564f45 color hex could be obtained by blending #ac9e8a with #000000. Closest websafe color is: #666633.

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

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

The hexadecimal color #564f45 has RGB values of R:86, G:79, B:69 and CMYK values of C:0, M:0.08, Y:0.2, K:0.66. Its decimal value is 5656389.

Hex triplet	564f45	`#564f45`
RGB Decimal	86, 79, 69	`rgb(86,79,69)`
RGB Percent	33.7, 31, 27.1	`rgb(33.7%,31%,27.1%)`
CMYK	0, 8, 20, 66
HSL	35.3°, 11, 30.4	`hsl(35.3,11%,30.4%)`
HSV (or HSB)	35.3°, 19.8, 33.7
Web Safe	666633	`#666633`

CIE-LAB	33.983, 0.976, 6.953
XYZ	7.708, 8, 6.768
xyY	0.343, 0.356, 8
CIE-LCH	33.983, 7.021, 82.008
CIE-LUV	33.983, 4.62, 8.002
Hunter-Lab	28.285, -0.855, 5.612
Binary	01010110, 01001111, 01000101

#564f45
```
#564f45 rgb(86,79,69)
```
#454c56
```
#454c56 rgb(69,76,86)
```

Complementary Color

#564745
```
#564745 rgb(86,71,69)
```
#564f45
```
#564f45 rgb(86,79,69)
```
#555645
```
#555645 rgb(85,86,69)
```

Analogous Color

#474556
```
#474556 rgb(71,69,86)
```
#564f45
```
#564f45 rgb(86,79,69)
```
#455556
```
#455556 rgb(69,85,86)
```

Split Complementary Color

#4f4556
```
#4f4556 rgb(79,69,86)
```
#564f45
```
#564f45 rgb(86,79,69)
```
#45564f
```
#45564f rgb(69,86,79)
```

Triadic Color

#56454c
```
#56454c rgb(86,69,76)
```
#564f45
```
#564f45 rgb(86,79,69)
```
#45564f
```
#45564f rgb(69,86,79)
```
#454c56
```
#454c56 rgb(69,76,86)
```

Tetradic Color

#2c2823
```
#2c2823 rgb(44,40,35)
```
#3a352e
```
#3a352e rgb(58,53,46)
```
#48423a
```
#48423a rgb(72,66,58)
```
#564f45
```
#564f45 rgb(86,79,69)
```
#645c50
```
#645c50 rgb(100,92,80)
```
#72695c
```
#72695c rgb(114,105,92)
```
#807667
```
#807667 rgb(128,118,103)
```

Monochromatic Color

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

#564b45
```
#564b45 rgb(86,75,69)
```
#564c45
```
#564c45 rgb(86,76,69)
```
#564e45
```
#564e45 rgb(86,78,69)
```
#564f45
```
#564f45 rgb(86,79,69)
```
#565045
```
#565045 rgb(86,80,69)
```
#565245
```
#565245 rgb(86,82,69)
```
#565345
```
#565345 rgb(86,83,69)
```

Similar Colors

Text with hexadecimal color #564f45

This text has a font color of #564f45.

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

#564f45 background color

This paragraph has a background color of #564f45.

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

#564f45 border color

This element has a border color of #564f45.

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

CSS codes

.text {color:#564f45;}

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

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

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, #0a0908 is the darkest color, while #fefefe is the lightest one.

#0a0908
```
#0a0908 rgb(10,9,8)
```
#151311
```
#151311 rgb(21,19,17)
```
#201d19
```
#201d19 rgb(32,29,25)
```
#2a2722
```
#2a2722 rgb(42,39,34)
```
#35312b
```
#35312b rgb(53,49,43)
```
#403b34
```
#403b34 rgb(64,59,52)
```
#4b453c
```
#4b453c rgb(75,69,60)
```
#564f45
```
#564f45 rgb(86,79,69)
```
#61594e
```
#61594e rgb(97,89,78)
```
#6c6356
```
#6c6356 rgb(108,99,86)
```
#776d5f
```
#776d5f rgb(119,109,95)
```
#827768
```
#827768 rgb(130,119,104)
```
#8c8171
```
#8c8171 rgb(140,129,113)
```

Shade Color Variation

#958b7b
```
#958b7b rgb(149,139,123)
```
#9e9486
```
#9e9486 rgb(158,148,134)
```
#a79e91
```
#a79e91 rgb(167,158,145)
```
#b0a79c
```
#b0a79c rgb(176,167,156)
```
#b8b1a7
```
#b8b1a7 rgb(184,177,167)
```
#c1bbb2
```
#c1bbb2 rgb(193,187,178)
```
#cac4bd
```
#cac4bd rgb(202,196,189)
```
#d2cec8
```
#d2cec8 rgb(210,206,200)
```
#dbd8d2
```
#dbd8d2 rgb(219,216,210)
```
#e4e1dd
```
#e4e1dd rgb(228,225,221)
```
#edebe8
```
#edebe8 rgb(237,235,232)
```
#f5f4f3
```
#f5f4f3 rgb(245,244,243)
```
#fefefe
```
#fefefe rgb(254,254,254)
```

Tint Color Variation

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

#504e4b
```
#504e4b rgb(80,78,75)
```
#564f45
```
#564f45 rgb(86,79,69)
```
#5c503f
```
#5c503f rgb(92,80,63)
```
#625139
```
#625139 rgb(98,81,57)
```
#685233
```
#685233 rgb(104,82,51)
```
#6e532d
```
#6e532d rgb(110,83,45)
```
#745427
```
#745427 rgb(116,84,39)
```
#7a5521
```
#7a5521 rgb(122,85,33)
```
#80561b
```
#80561b rgb(128,86,27)
```
#865715
```
#865715 rgb(134,87,21)
```
#8c580f
```
#8c580f rgb(140,88,15)
```
#925a09
```
#925a09 rgb(146,90,9)
```
#985b03
```
#985b03 rgb(152,91,3)
```

Tone Color Variation

Below, you can see how #564f45 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
#51504e Atypical Achromatopsia 0.001% of the population

Dichromacy

#5c584e Protanopia 1% of men
#64554f Deuteranopia 1% of men
#60565c Tritanopia 0.001% of the population

Trichromacy

#5a554b Protanomaly 1% of men, 0.01% of women
#5f534b Deuteranomaly 6% of men, 0.4% of women
#5c5353 Tritanomaly 0.01% of the population

#564f45 hex color

#564f45 Color Information

#564f45 Color Conversion

Color Schemes with #564f45

Alternatives to #564f45

#564f45 Preview

Shades and Tints of #564f45

Tones of #564f45

Color Blindness Simulator