#564b30 hex color

In a RGB color space, hex #564b30 is composed of 33.7% red, 29.4% green and 18.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 12.8% magenta, 44.2% yellow and 66.3% black. It has a hue angle of 42.6 degrees, a saturation of 28.4% and a lightness of 26.3%. #564b30 color hex could be obtained by blending #ac9660 with #000000. Closest websafe color is: #663333.

♥
- f
- t
- g
- R 34
- G 29
- B 19
RGB color chart
- C 0
- M 13
- Y 44
- K 66
CMYK color chart

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

The hexadecimal color #564b30 has RGB values of R:86, G:75, B:48 and CMYK values of C:0, M:0.13, Y:0.44, K:0.66. Its decimal value is 5655344.

Hex triplet	564b30	`#564b30`
RGB Decimal	86, 75, 48	`rgb(86,75,48)`
RGB Percent	33.7, 29.4, 18.8	`rgb(33.7%,29.4%,18.8%)`
CMYK	0, 13, 44, 66
HSL	42.6°, 28.4, 26.3	`hsl(42.6,28.4%,26.3%)`
HSV (or HSB)	42.6°, 44.2, 33.7
Web Safe	663333	`#663333`

CIE-LAB	32.312, 0.211, 17.779
XYZ	6.887, 7.224, 3.828
xyY	0.384, 0.403, 7.224
CIE-LCH	32.312, 17.78, 89.318
CIE-LUV	32.312, 8.208, 18.773
Hunter-Lab	26.878, -1.297, 10.371
Binary	01010110, 01001011, 00110000

#564b30
```
#564b30 rgb(86,75,48)
```
#303b56
```
#303b56 rgb(48,59,86)
```

Complementary Color

#563830
```
#563830 rgb(86,56,48)
```
#564b30
```
#564b30 rgb(86,75,48)
```
#4e5630
```
#4e5630 rgb(78,86,48)
```

Analogous Color

#383056
```
#383056 rgb(56,48,86)
```
#564b30
```
#564b30 rgb(86,75,48)
```
#304e56
```
#304e56 rgb(48,78,86)
```

Split Complementary Color

#4b3056
```
#4b3056 rgb(75,48,86)
```
#564b30
```
#564b30 rgb(86,75,48)
```
#30564b
```
#30564b rgb(48,86,75)
```

Triadic Color

#56303b
```
#56303b rgb(86,48,59)
```
#564b30
```
#564b30 rgb(86,75,48)
```
#30564b
```
#30564b rgb(48,86,75)
```
#303b56
```
#303b56 rgb(48,59,86)
```

Tetradic Color

#252015
```
#252015 rgb(37,32,21)
```
#352e1e
```
#352e1e rgb(53,46,30)
```
#463d27
```
#463d27 rgb(70,61,39)
```
#564b30
```
#564b30 rgb(86,75,48)
```
#665939
```
#665939 rgb(102,89,57)
```
#776842
```
#776842 rgb(119,104,66)
```
#87764b
```
#87764b rgb(135,118,75)
```

Monochromatic Color

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

#564230
```
#564230 rgb(86,66,48)
```
#564530
```
#564530 rgb(86,69,48)
```
#564830
```
#564830 rgb(86,72,48)
```
#564b30
```
#564b30 rgb(86,75,48)
```
#564e30
```
#564e30 rgb(86,78,48)
```
#565130
```
#565130 rgb(86,81,48)
```
#565530
```
#565530 rgb(86,85,48)
```

Similar Colors

Text with hexadecimal color #564b30

This text has a font color of #564b30.

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

#564b30 background color

This paragraph has a background color of #564b30.

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

#564b30 border color

This element has a border color of #564b30.

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

CSS codes

.text {color:#564b30;}

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

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

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

#0a0906
```
#0a0906 rgb(10,9,6)
```
#17140d
```
#17140d rgb(23,20,13)
```
#241f14
```
#241f14 rgb(36,31,20)
```
#302a1b
```
#302a1b rgb(48,42,27)
```
#3d3522
```
#3d3522 rgb(61,53,34)
```
#494029
```
#494029 rgb(73,64,41)
```
#564b30
```
#564b30 rgb(86,75,48)
```
#635637
```
#635637 rgb(99,86,55)
```
#6f613e
```
#6f613e rgb(111,97,62)
```
#7c6c45
```
#7c6c45 rgb(124,108,69)
```
#88774c
```
#88774c rgb(136,119,76)
```
#958253
```
#958253 rgb(149,130,83)
```
#a28d5a
```
#a28d5a rgb(162,141,90)
```

Shade Color Variation

#a99666
```
#a99666 rgb(169,150,102)
```
#b19f72
```
#b19f72 rgb(177,159,114)
```
#b8a77f
```
#b8a77f rgb(184,167,127)
```
#bfb08c
```
#bfb08c rgb(191,176,140)
```
#c6b898
```
#c6b898 rgb(198,184,152)
```
#cdc1a5
```
#cdc1a5 rgb(205,193,165)
```
#d4cab1
```
#d4cab1 rgb(212,202,177)
```
#dbd2be
```
#dbd2be rgb(219,210,190)
```
#e2dbcb
```
#e2dbcb rgb(226,219,203)
```
#e9e4d7
```
#e9e4d7 rgb(233,228,215)
```
#f0ece4
```
#f0ece4 rgb(240,236,228)
```
#f7f5f0
```
#f7f5f0 rgb(247,245,240)
```
#fefefd
```
#fefefd rgb(254,254,253)
```

Tint Color Variation

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

#47443f
```
#47443f rgb(71,68,63)
```
#4c473a
```
#4c473a rgb(76,71,58)
```
#514935
```
#514935 rgb(81,73,53)
```
#564b30
```
#564b30 rgb(86,75,48)
```
#5b4d2b
```
#5b4d2b rgb(91,77,43)
```
#604f26
```
#604f26 rgb(96,79,38)
```
#655221
```
#655221 rgb(101,82,33)
```
#6b541b
```
#6b541b rgb(107,84,27)
```
#705616
```
#705616 rgb(112,86,22)
```
#755811
```
#755811 rgb(117,88,17)
```
#7a5a0c
```
#7a5a0c rgb(122,90,12)
```
#7f5c07
```
#7f5c07 rgb(127,92,7)
```
#845f02
```
#845f02 rgb(132,95,2)
```

Tone Color Variation

Below, you can see how #564b30 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
#4d4b46 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5c553b Protanopia 1% of men
#65513b Deuteranopia 1% of men
#625056 Tritanopia 0.001% of the population

Trichromacy

#595137 Protanomaly 1% of men, 0.01% of women
#5f4f37 Deuteranomaly 6% of men, 0.4% of women
#5d4e48 Tritanomaly 0.01% of the population

#564b30 hex color

#564b30 Color Information

#564b30 Color Conversion

Color Schemes with #564b30

Alternatives to #564b30

#564b30 Preview

Shades and Tints of #564b30

Tones of #564b30

Color Blindness Simulator