#564016 hex color

In a RGB color space, hex #564016 is composed of 33.7% red, 25.1% green and 8.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 25.6% magenta, 74.4% yellow and 66.3% black. It has a hue angle of 39.4 degrees, a saturation of 59.3% and a lightness of 21.2%. #564016 color hex could be obtained by blending #ac802c with #000000. Closest websafe color is: #663300.

♥
- f
- t
- g
- R 34
- G 25
- B 9
RGB color chart
- C 0
- M 26
- Y 74
- K 66
CMYK color chart

● #564016 color description : Very dark orange [Brown tone].

The hexadecimal color #564016 has RGB values of R:86, G:64, B:22 and CMYK values of C:0, M:0.26, Y:0.74, K:0.66. Its decimal value is 5652502.

Hex triplet	564016	`#564016`
RGB Decimal	86, 64, 22	`rgb(86,64,22)`
RGB Percent	33.7, 25.1, 8.6	`rgb(33.7%,25.1%,8.6%)`
CMYK	0, 26, 74, 66
HSL	39.4°, 59.3, 21.2	`hsl(39.4,59.3%,21.2%)`
HSV (or HSB)	39.4°, 74.4, 33.7
Web Safe	663300	`#663300`

CIE-LAB	28.652, 4.567, 28.477
XYZ	5.816, 5.703, 1.554
xyY	0.445, 0.436, 5.703
CIE-LCH	28.652, 28.841, 80.89
CIE-LUV	28.652, 16.547, 24.659
Hunter-Lab	23.882, 1.678, 12.86
Binary	01010110, 01000000, 00010110

#564016
```
#564016 rgb(86,64,22)
```
#162c56
```
#162c56 rgb(22,44,86)
```

Complementary Color

#562016
```
#562016 rgb(86,32,22)
```
#564016
```
#564016 rgb(86,64,22)
```
#4c5616
```
#4c5616 rgb(76,86,22)
```

Analogous Color

#201656
```
#201656 rgb(32,22,86)
```
#564016
```
#564016 rgb(86,64,22)
```
#164c56
```
#164c56 rgb(22,76,86)
```

Split Complementary Color

#401656
```
#401656 rgb(64,22,86)
```
#564016
```
#564016 rgb(86,64,22)
```
#165640
```
#165640 rgb(22,86,64)
```

Triadic Color

#56162c
```
#56162c rgb(86,22,44)
```
#564016
```
#564016 rgb(86,64,22)
```
#165640
```
#165640 rgb(22,86,64)
```
#162c56
```
#162c56 rgb(22,44,86)
```

Tetradic Color

#191306
```
#191306 rgb(25,19,6)
```
#2d220c
```
#2d220c rgb(45,34,12)
```
#423111
```
#423111 rgb(66,49,17)
```
#564016
```
#564016 rgb(86,64,22)
```
#6a4f1b
```
#6a4f1b rgb(106,79,27)
```
#7f5e20
```
#7f5e20 rgb(127,94,32)
```
#936d26
```
#936d26 rgb(147,109,38)
```

Monochromatic Color

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

#563016
```
#563016 rgb(86,48,22)
```
#563516
```
#563516 rgb(86,53,22)
```
#563b16
```
#563b16 rgb(86,59,22)
```
#564016
```
#564016 rgb(86,64,22)
```
#564516
```
#564516 rgb(86,69,22)
```
#564b16
```
#564b16 rgb(86,75,22)
```
#565016
```
#565016 rgb(86,80,22)
```

Similar Colors

Text with hexadecimal color #564016

This text has a font color of #564016.

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

#564016 background color

This paragraph has a background color of #564016.

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

#564016 border color

This element has a border color of #564016.

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

CSS codes

.text {color:#564016;}

.background {background-color:#564016;}

.border {border:1px solid #564016;}

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

#080602
```
#080602 rgb(8,6,2)
```
#181206
```
#181206 rgb(24,18,6)
```
#271d0a
```
#271d0a rgb(39,29,10)
```
#37290e
```
#37290e rgb(55,41,14)
```
#463412
```
#463412 rgb(70,52,18)
```
#564016
```
#564016 rgb(86,64,22)
```
#664c1a
```
#664c1a rgb(102,76,26)
```
#75571e
```
#75571e rgb(117,87,30)
```
#856322
```
#856322 rgb(133,99,34)
```
#946e26
```
#946e26 rgb(148,110,38)
```
#a47a2a
```
#a47a2a rgb(164,122,42)
```
#b4862e
```
#b4862e rgb(180,134,46)
```
#c39132
```
#c39132 rgb(195,145,50)
```

Shade Color Variation

#cd9b3c
```
#cd9b3c rgb(205,155,60)
```
#d1a34b
```
#d1a34b rgb(209,163,75)
```
#d5ab5b
```
#d5ab5b rgb(213,171,91)
```
#d9b36b
```
#d9b36b rgb(217,179,107)
```
#ddbb7a
```
#ddbb7a rgb(221,187,122)
```
#e1c38a
```
#e1c38a rgb(225,195,138)
```
#e5cb9a
```
#e5cb9a rgb(229,203,154)
```
#e9d3a9
```
#e9d3a9 rgb(233,211,169)
```
#eddbb9
```
#eddbb9 rgb(237,219,185)
```
#f1e3c8
```
#f1e3c8 rgb(241,227,200)
```
#f5ebd8
```
#f5ebd8 rgb(245,235,216)
```
#f9f3e8
```
#f9f3e8 rgb(249,243,232)
```
#fdfbf7
```
#fdfbf7 rgb(253,251,247)
```

Tint Color Variation

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

#393733
```
#393733 rgb(57,55,51)
```
#3d382f
```
#3d382f rgb(61,56,47)
```
#413a2b
```
#413a2b rgb(65,58,43)
```
#453b27
```
#453b27 rgb(69,59,39)
```
#4a3c22
```
#4a3c22 rgb(74,60,34)
```
#4e3d1e
```
#4e3d1e rgb(78,61,30)
```
#523f1a
```
#523f1a rgb(82,63,26)
```
#564016
```
#564016 rgb(86,64,22)
```
#5a4112
```
#5a4112 rgb(90,65,18)
```
#5e430e
```
#5e430e rgb(94,67,14)
```
#62440a
```
#62440a rgb(98,68,10)
```
#674505
```
#674505 rgb(103,69,5)
```
#6b4601
```
#6b4601 rgb(107,70,1)
```

Tone Color Variation

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

#424242 Achromatopsia 0.005% of the population
#464239 Atypical Achromatopsia 0.001% of the population

Dichromacy

#554d23 Protanopia 1% of men
#5f4922 Deuteranopia 1% of men
#62454a Tritanopia 0.001% of the population

Trichromacy

#55481e Protanomaly 1% of men, 0.01% of women
#5b461d Deuteranomaly 6% of men, 0.4% of women
#5d4337 Tritanomaly 0.01% of the population

#564016 hex color

#564016 Color Information

#564016 Color Conversion

Color Schemes with #564016

Alternatives to #564016

#564016 Preview

Shades and Tints of #564016

Tones of #564016

Color Blindness Simulator