#564a2d hex color

In a RGB color space, hex #564a2d is composed of 33.7% red, 29% green and 17.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 14% magenta, 47.7% yellow and 66.3% black. It has a hue angle of 42.4 degrees, a saturation of 31.3% and a lightness of 25.7%. #564a2d color hex could be obtained by blending #ac945a with #000000. Closest websafe color is: #663333.

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

● #564a2d color description : Very dark desaturated orange.

The hexadecimal color #564a2d has RGB values of R:86, G:74, B:45 and CMYK values of C:0, M:0.14, Y:0.48, K:0.66. Its decimal value is 5655085.

Hex triplet	564a2d	`#564a2d`
RGB Decimal	86, 74, 45	`rgb(86,74,45)`
RGB Percent	33.7, 29, 17.6	`rgb(33.7%,29%,17.6%)`
CMYK	0, 14, 48, 66
HSL	42.4°, 31.3, 25.7	`hsl(42.4,31.3%,25.7%)`
HSV (or HSB)	42.4°, 47.7, 33.7
Web Safe	663333	`#663333`

CIE-LAB	31.956, 0.455, 19.15
XYZ	6.76, 7.066, 3.49
xyY	0.39, 0.408, 7.066
CIE-LCH	31.956, 19.156, 88.638
CIE-LUV	31.956, 8.981, 19.84
Hunter-Lab	26.581, -1.121, 10.822
Binary	01010110, 01001010, 00101101

#564a2d
```
#564a2d rgb(86,74,45)
```
#2d3956
```
#2d3956 rgb(45,57,86)
```

Complementary Color

#56362d
```
#56362d rgb(86,54,45)
```
#564a2d
```
#564a2d rgb(86,74,45)
```
#4e562d
```
#4e562d rgb(78,86,45)
```

Analogous Color

#362d56
```
#362d56 rgb(54,45,86)
```
#564a2d
```
#564a2d rgb(86,74,45)
```
#2d4e56
```
#2d4e56 rgb(45,78,86)
```

Split Complementary Color

#4a2d56
```
#4a2d56 rgb(74,45,86)
```
#564a2d
```
#564a2d rgb(86,74,45)
```
#2d564a
```
#2d564a rgb(45,86,74)
```

Triadic Color

#562d39
```
#562d39 rgb(86,45,57)
```
#564a2d
```
#564a2d rgb(86,74,45)
```
#2d564a
```
#2d564a rgb(45,86,74)
```
#2d3956
```
#2d3956 rgb(45,57,86)
```

Tetradic Color

#241f13
```
#241f13 rgb(36,31,19)
```
#352d1b
```
#352d1b rgb(53,45,27)
```
#453c24
```
#453c24 rgb(69,60,36)
```
#564a2d
```
#564a2d rgb(86,74,45)
```
#675836
```
#675836 rgb(103,88,54)
```
#77673f
```
#77673f rgb(119,103,63)
```
#887547
```
#887547 rgb(136,117,71)
```

Monochromatic Color

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

#56402d
```
#56402d rgb(86,64,45)
```
#56432d
```
#56432d rgb(86,67,45)
```
#56472d
```
#56472d rgb(86,71,45)
```
#564a2d
```
#564a2d rgb(86,74,45)
```
#564d2d
```
#564d2d rgb(86,77,45)
```
#56512d
```
#56512d rgb(86,81,45)
```
#56542d
```
#56542d rgb(86,84,45)
```

Similar Colors

Text with hexadecimal color #564a2d

This text has a font color of #564a2d.

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

#564a2d background color

This paragraph has a background color of #564a2d.

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

#564a2d border color

This element has a border color of #564a2d.

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

CSS codes

.text {color:#564a2d;}

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

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

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

#090805
```
#090805 rgb(9,8,5)
```
#16130b
```
#16130b rgb(22,19,11)
```
#221e12
```
#221e12 rgb(34,30,18)
```
#2f2919
```
#2f2919 rgb(47,41,25)
```
#3c3420
```
#3c3420 rgb(60,52,32)
```
#493f26
```
#493f26 rgb(73,63,38)
```
#564a2d
```
#564a2d rgb(86,74,45)
```
#635534
```
#635534 rgb(99,85,52)
```
#70603a
```
#70603a rgb(112,96,58)
```
#7d6b41
```
#7d6b41 rgb(125,107,65)
```
#8a7648
```
#8a7648 rgb(138,118,72)
```
#96814f
```
#96814f rgb(150,129,79)
```
#a38c55
```
#a38c55 rgb(163,140,85)
```

Shade Color Variation

#ac9660
```
#ac9660 rgb(172,150,96)
```
#b39e6d
```
#b39e6d rgb(179,158,109)
```
#b9a77a
```
#b9a77a rgb(185,167,122)
```
#c0af87
```
#c0af87 rgb(192,175,135)
```
#c7b894
```
#c7b894 rgb(199,184,148)
```
#cec1a1
```
#cec1a1 rgb(206,193,161)
```
#d4c9ae
```
#d4c9ae rgb(212,201,174)
```
#dbd2ba
```
#dbd2ba rgb(219,210,186)
```
#e2dac7
```
#e2dac7 rgb(226,218,199)
```
#e9e3d4
```
#e9e3d4 rgb(233,227,212)
```
#efebe1
```
#efebe1 rgb(239,235,225)
```
#f6f4ee
```
#f6f4ee rgb(246,244,238)
```
#fdfcfb
```
#fdfcfb rgb(253,252,251)
```

Tint Color Variation

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

#424241
```
#424241 rgb(66,66,65)
```
#47443c
```
#47443c rgb(71,68,60)
```
#4c4637
```
#4c4637 rgb(76,70,55)
```
#514832
```
#514832 rgb(81,72,50)
```
#564a2d
```
#564a2d rgb(86,74,45)
```
#5b4c28
```
#5b4c28 rgb(91,76,40)
```
#604e23
```
#604e23 rgb(96,78,35)
```
#65501e
```
#65501e rgb(101,80,30)
```
#6a5219
```
#6a5219 rgb(106,82,25)
```
#6f5414
```
#6f5414 rgb(111,84,20)
```
#74570f
```
#74570f rgb(116,87,15)
```
#79590a
```
#79590a rgb(121,89,10)
```
#7e5b05
```
#7e5b05 rgb(126,91,5)
```

Tone Color Variation

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

#4a4a4a Achromatopsia 0.005% of the population
#4c4a44 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5b5438 Protanopia 1% of men
#645138 Deuteranopia 1% of men
#624f55 Tritanopia 0.001% of the population

Trichromacy

#595034 Protanomaly 1% of men, 0.01% of women
#5f4e34 Deuteranomaly 6% of men, 0.4% of women
#5d4d46 Tritanomaly 0.01% of the population

#564a2d hex color

#564a2d Color Information

#564a2d Color Conversion

Color Schemes with #564a2d

Alternatives to #564a2d

#564a2d Preview

Shades and Tints of #564a2d

Tones of #564a2d

Color Blindness Simulator