colorhexa.com

#564a2c hex color

In a RGB color space, hex #564a2c is composed of 33.7% red, 29% green and 17.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 14% magenta, 48.8% yellow and 66.3% black. It has a hue angle of 42.9 degrees, a saturation of 32.3% and a lightness of 25.5%. #564a2c color hex could be obtained by blending #ac9458 with #000000. Closest websafe color is: #663333.

- R 34
- G 29
- B 17
RGB color chart
- C 0
- M 14
- Y 49
- K 66
CMYK color chart

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

The hexadecimal color #564a2c has RGB values of R:86, G:74, B:44 and CMYK values of C:0, M:0.14, Y:0.49, K:0.66. Its decimal value is 5655084.

Hex triplet	564a2c	`#564a2c`
RGB Decimal	86, 74, 44	`rgb(86,74,44)`
RGB Percent	33.7, 29, 17.3	`rgb(33.7%,29%,17.3%)`
CMYK	0, 14, 49, 66
HSL	42.9°, 32.3, 25.5	`hsl(42.9,32.3%,25.5%)`
HSV (or HSB)	42.9°, 48.8, 33.7
Web Safe	663333	`#663333`

CIE-LAB	31.939, 0.335, 19.735
XYZ	6.741, 7.058, 3.39
xyY	0.392, 0.411, 7.058
CIE-LCH	31.939, 19.738, 89.027
CIE-LUV	31.939, 9.041, 20.355
Hunter-Lab	26.567, -1.199, 11.031
Binary	01010110, 01001010, 00101100

#564a2c
```
#564a2c rgb(86,74,44)
```
#2c3856
```
#2c3856 rgb(44,56,86)
```

Complementary Color

#56352c
```
#56352c rgb(86,53,44)
```
#564a2c
```
#564a2c rgb(86,74,44)
```
#4d562c
```
#4d562c rgb(77,86,44)
```

Analogous Color

#352c56
```
#352c56 rgb(53,44,86)
```
#564a2c
```
#564a2c rgb(86,74,44)
```
#2c4d56
```
#2c4d56 rgb(44,77,86)
```

Split Complementary Color

#231e12
```
#231e12 rgb(35,30,18)
```
#342d1b
```
#342d1b rgb(52,45,27)
```
#453b23
```
#453b23 rgb(69,59,35)
```
#564a2c
```
#564a2c rgb(86,74,44)
```
#675935
```
#675935 rgb(103,89,53)
```
#78673d
```
#78673d rgb(120,103,61)
```
#897646
```
#897646 rgb(137,118,70)
```

Monochromatic Color

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

#56402c
```
#56402c rgb(86,64,44)
```
#56432c
```
#56432c rgb(86,67,44)
```
#56472c
```
#56472c rgb(86,71,44)
```
#564a2c
```
#564a2c rgb(86,74,44)
```
#564e2c
```
#564e2c rgb(86,78,44)
```
#56512c
```
#56512c rgb(86,81,44)
```
#56552c
```
#56552c rgb(86,85,44)
```

Similar Colors

Text with hexadecimal color #564a2c

This text has a font color of #564a2c.

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

#564a2c background color

This paragraph has a background color of #564a2c.

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

#564a2c border color

This element has a border color of #564a2c.

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

CSS codes

.text {color:#564a2c;}

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

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

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

#080704
```
#080704 rgb(8,7,4)
```
#15120b
```
#15120b rgb(21,18,11)
```
#221d11
```
#221d11 rgb(34,29,17)
```
#2f2918
```
#2f2918 rgb(47,41,24)
```
#3c341f
```
#3c341f rgb(60,52,31)
```
#493f25
```
#493f25 rgb(73,63,37)
```
#564a2c
```
#564a2c rgb(86,74,44)
```
#635533
```
#635533 rgb(99,85,51)
```
#706039
```
#706039 rgb(112,96,57)
```
#7d6b40
```
#7d6b40 rgb(125,107,64)
```
#8a7747
```
#8a7747 rgb(138,119,71)
```
#97824d
```
#97824d rgb(151,130,77)
```
#a48d54
```
#a48d54 rgb(164,141,84)
```

Shade Color Variation

#ad965e
```
#ad965e rgb(173,150,94)
```
#b39f6b
```
#b39f6b rgb(179,159,107)
```
#baa778
```
#baa778 rgb(186,167,120)
```
#c1b085
```
#c1b085 rgb(193,176,133)
```
#c7b892
```
#c7b892 rgb(199,184,146)
```
#cec19f
```
#cec19f rgb(206,193,159)
```
#d5c9ac
```
#d5c9ac rgb(213,201,172)
```
#dbd2b9
```
#dbd2b9 rgb(219,210,185)
```
#e2dac6
```
#e2dac6 rgb(226,218,198)
```
#e9e3d3
```
#e9e3d3 rgb(233,227,211)
```
#efebe0
```
#efebe0 rgb(239,235,224)
```
#f6f3ed
```
#f6f3ed rgb(246,243,237)
```
#fdfcfa
```
#fdfcfa rgb(253,252,250)
```

Tint Color Variation

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

#424140
```
#424140 rgb(66,65,64)
```
#47443b
```
#47443b rgb(71,68,59)
```
#4c4636
```
#4c4636 rgb(76,70,54)
```
#514831
```
#514831 rgb(81,72,49)
```
#564a2c
```
#564a2c rgb(86,74,44)
```
#5b4c27
```
#5b4c27 rgb(91,76,39)
```
#604e22
```
#604e22 rgb(96,78,34)
```
#65501d
```
#65501d rgb(101,80,29)
```
#6a5318
```
#6a5318 rgb(106,83,24)
```
#6f5513
```
#6f5513 rgb(111,85,19)
```
#74570e
```
#74570e rgb(116,87,14)
```
#795909
```
#795909 rgb(121,89,9)
```
#7e5b04
```
#7e5b04 rgb(126,91,4)
```

Tone Color Variation

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

#5b5437 Protanopia 1% of men
#655137 Deuteranopia 1% of men
#624f55 Tritanopia 0.001% of the population

Trichromacy

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