#86563a hex color

In a RGB color space, hex #86563a is composed of 52.5% red, 33.7% green and 22.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 35.8% magenta, 56.7% yellow and 47.5% black. It has a hue angle of 22.1 degrees, a saturation of 39.6% and a lightness of 37.6%. #86563a color hex could be obtained by blending #ffac74 with #0d0000. Closest websafe color is: #996633.

♥
- f
- t
- g
- R 53
- G 34
- B 23
RGB color chart
- C 0
- M 36
- Y 57
- K 47
CMYK color chart

● #86563a color description : Dark moderate orange.

The hexadecimal color #86563a has RGB values of R:134, G:86, B:58 and CMYK values of C:0, M:0.36, Y:0.57, K:0.47. Its decimal value is 8803898.

Hex triplet	86563a	`#86563a`
RGB Decimal	134, 86, 58	`rgb(134,86,58)`
RGB Percent	52.5, 33.7, 22.7	`rgb(52.5%,33.7%,22.7%)`
CMYK	0, 36, 57, 47
HSL	22.1°, 39.6, 37.6	`hsl(22.1,39.6%,37.6%)`
HSV (or HSB)	22.1°, 56.7, 52.5
Web Safe	996633	`#996633`

CIE-LAB	41.264, 16.746, 24.392
XYZ	13.923, 12.03, 5.592
xyY	0.441, 0.381, 12.03
CIE-LCH	41.264, 29.587, 55.528
CIE-LUV	41.264, 35.361, 23.836
Hunter-Lab	34.685, 10.956, 14.721
Binary	10000110, 01010110, 00111010

#86563a
```
#86563a rgb(134,86,58)
```
#3a6a86
```
#3a6a86 rgb(58,106,134)
```

Complementary Color

#863a44
```
#863a44 rgb(134,58,68)
```
#86563a
```
#86563a rgb(134,86,58)
```
#867c3a
```
#867c3a rgb(134,124,58)
```

Analogous Color

#3a4486
```
#3a4486 rgb(58,68,134)
```
#86563a
```
#86563a rgb(134,86,58)
```
#3a867c
```
#3a867c rgb(58,134,124)
```

Split Complementary Color

#563a86
```
#563a86 rgb(86,58,134)
```
#86563a
```
#86563a rgb(134,86,58)
```
#3a8656
```
#3a8656 rgb(58,134,86)
```

Triadic Color

#863a6a
```
#863a6a rgb(134,58,106)
```
#86563a
```
#86563a rgb(134,86,58)
```
#3a8656
```
#3a8656 rgb(58,134,86)
```
#3a6a86
```
#3a6a86 rgb(58,106,134)
```

Tetradic Color

#513423
```
#513423 rgb(81,52,35)
```
#623f2b
```
#623f2b rgb(98,63,43)
```
#744b32
```
#744b32 rgb(116,75,50)
```
#86563a
```
#86563a rgb(134,86,58)
```
#986142
```
#986142 rgb(152,97,66)
```
#aa6d49
```
#aa6d49 rgb(170,109,73)
```
#b67a56
```
#b67a56 rgb(182,122,86)
```

Monochromatic Color

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

#86433a
```
#86433a rgb(134,67,58)
```
#86493a
```
#86493a rgb(134,73,58)
```
#86503a
```
#86503a rgb(134,80,58)
```
#86563a
```
#86563a rgb(134,86,58)
```
#865c3a
```
#865c3a rgb(134,92,58)
```
#86633a
```
#86633a rgb(134,99,58)
```
#86693a
```
#86693a rgb(134,105,58)
```

Similar Colors

Text with hexadecimal color #86563a

This text has a font color of #86563a.

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

#86563a background color

This paragraph has a background color of #86563a.

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

#86563a border color

This element has a border color of #86563a.

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

CSS codes

.text {color:#86563a;}

.background {background-color:#86563a;}

.border {border:1px solid #86563a;}

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

#0b0705
```
#0b0705 rgb(11,7,5)
```
#18100b
```
#18100b rgb(24,16,11)
```
#261811
```
#261811 rgb(38,24,17)
```
#342116
```
#342116 rgb(52,33,22)
```
#422a1c
```
#422a1c rgb(66,42,28)
```
#4f3322
```
#4f3322 rgb(79,51,34)
```
#5d3c28
```
#5d3c28 rgb(93,60,40)
```
#6b442e
```
#6b442e rgb(107,68,46)
```
#784d34
```
#784d34 rgb(120,77,52)
```
#86563a
```
#86563a rgb(134,86,58)
```
#945f40
```
#945f40 rgb(148,95,64)
```
#a16846
```
#a16846 rgb(161,104,70)
```
#af704c
```
#af704c rgb(175,112,76)
```

Shade Color Variation

#b77b58
```
#b77b58 rgb(183,123,88)
```
#bd8666
```
#bd8666 rgb(189,134,102)
```
#c29073
```
#c29073 rgb(194,144,115)
```
#c89b81
```
#c89b81 rgb(200,155,129)
```
#cea68f
```
#cea68f rgb(206,166,143)
```
#d4b19c
```
#d4b19c rgb(212,177,156)
```
#dabcaa
```
#dabcaa rgb(218,188,170)
```
#e0c7b8
```
#e0c7b8 rgb(224,199,184)
```
#e6d1c5
```
#e6d1c5 rgb(230,209,197)
```
#ecdcd3
```
#ecdcd3 rgb(236,220,211)
```
#f2e7e1
```
#f2e7e1 rgb(242,231,225)
```
#f8f2ee
```
#f8f2ee rgb(248,242,238)
```
#fefdfc
```
#fefdfc rgb(254,253,252)
```

Tint Color Variation

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

#61605f
```
#61605f rgb(97,96,95)
```
#685e58
```
#685e58 rgb(104,94,88)
```
#705c50
```
#705c50 rgb(112,92,80)
```
#775a49
```
#775a49 rgb(119,90,73)
```
#7f5841
```
#7f5841 rgb(127,88,65)
```
#86563a
```
#86563a rgb(134,86,58)
```
#8d5433
```
#8d5433 rgb(141,84,51)
```
#95522b
```
#95522b rgb(149,82,43)
```
#9c5024
```
#9c5024 rgb(156,80,36)
```
#a44e1c
```
#a44e1c rgb(164,78,28)
```
#ab4c15
```
#ab4c15 rgb(171,76,21)
```
#b24a0e
```
#b24a0e rgb(178,74,14)
```
#ba4806
```
#ba4806 rgb(186,72,6)
```

Tone Color Variation

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

#616161 Achromatopsia 0.005% of the population
#685f59 Atypical Achromatopsia 0.001% of the population

Dichromacy

#726948 Protanopia 1% of men
#7e6542 Deuteranopia 1% of men
#8e5b61 Tritanopia 0.001% of the population

Trichromacy

#796243 Protanomaly 1% of men, 0.01% of women
#815f3f Deuteranomaly 6% of men, 0.4% of women
#8b5952 Tritanomaly 0.01% of the population

#86563a hex color

#86563a Color Information

#86563a Color Conversion

Color Schemes with #86563a

Alternatives to #86563a

#86563a Preview

Shades and Tints of #86563a

Tones of #86563a

Color Blindness Simulator