#86581f hex color

In a RGB color space, hex #86581f is composed of 52.5% red, 34.5% green and 12.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 34.3% magenta, 76.9% yellow and 47.5% black. It has a hue angle of 33.2 degrees, a saturation of 62.4% and a lightness of 32.4%. #86581f color hex could be obtained by blending #ffb03e with #0d0000. Closest websafe color is: #996633.

♥
- f
- t
- g
- R 53
- G 35
- B 12
RGB color chart
- C 0
- M 34
- Y 77
- K 47
CMYK color chart

● #86581f color description : Dark orange [Brown tone].

The hexadecimal color #86581f has RGB values of R:134, G:88, B:31 and CMYK values of C:0, M:0.34, Y:0.77, K:0.47. Its decimal value is 8804383.

Hex triplet	86581f	`#86581f`
RGB Decimal	134, 88, 31	`rgb(134,88,31)`
RGB Percent	52.5, 34.5, 12.2	`rgb(52.5%,34.5%,12.2%)`
CMYK	0, 34, 77, 47
HSL	33.2°, 62.4, 32.4	`hsl(33.2,62.4%,32.4%)`
HSV (or HSB)	33.2°, 76.9, 52.5
Web Safe	996633	`#996633`

CIE-LAB	41.45, 13.691, 39.143
XYZ	13.569, 12.148, 2.926
xyY	0.474, 0.424, 12.148
CIE-LCH	41.45, 41.469, 70.722
CIE-LUV	41.45, 36.364, 35.626
Hunter-Lab	34.853, 8.499, 19.419
Binary	10000110, 01011000, 00011111

#86581f
```
#86581f rgb(134,88,31)
```
#1f4d86
```
#1f4d86 rgb(31,77,134)
```

Complementary Color

#86251f
```
#86251f rgb(134,37,31)
```
#86581f
```
#86581f rgb(134,88,31)
```
#81861f
```
#81861f rgb(129,134,31)
```

Analogous Color

#251f86
```
#251f86 rgb(37,31,134)
```
#86581f
```
#86581f rgb(134,88,31)
```
#1f8186
```
#1f8186 rgb(31,129,134)
```

Split Complementary Color

#581f86
```
#581f86 rgb(88,31,134)
```
#86581f
```
#86581f rgb(134,88,31)
```
#1f8658
```
#1f8658 rgb(31,134,88)
```

Triadic Color

#861f4d
```
#861f4d rgb(134,31,77)
```
#86581f
```
#86581f rgb(134,88,31)
```
#1f8658
```
#1f8658 rgb(31,134,88)
```
#1f4d86
```
#1f4d86 rgb(31,77,134)
```

Tetradic Color

#482f11
```
#482f11 rgb(72,47,17)
```
#5d3d15
```
#5d3d15 rgb(93,61,21)
```
#714a1a
```
#714a1a rgb(113,74,26)
```
#86581f
```
#86581f rgb(134,88,31)
```
#9b6624
```
#9b6624 rgb(155,102,36)
```
#af7329
```
#af7329 rgb(175,115,41)
```
#c4812d
```
#c4812d rgb(196,129,45)
```

Monochromatic Color

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

#863e1f
```
#863e1f rgb(134,62,31)
```
#86471f
```
#86471f rgb(134,71,31)
```
#864f1f
```
#864f1f rgb(134,79,31)
```
#86581f
```
#86581f rgb(134,88,31)
```
#86611f
```
#86611f rgb(134,97,31)
```
#86691f
```
#86691f rgb(134,105,31)
```
#86721f
```
#86721f rgb(134,114,31)
```

Similar Colors

Text with hexadecimal color #86581f

This text has a font color of #86581f.

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

#86581f background color

This paragraph has a background color of #86581f.

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

#86581f border color

This element has a border color of #86581f.

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

CSS codes

.text {color:#86581f;}

.background {background-color:#86581f;}

.border {border:1px solid #86581f;}

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

#070402
```
#070402 rgb(7,4,2)
```
#160f05
```
#160f05 rgb(22,15,5)
```
#261909
```
#261909 rgb(38,25,9)
```
#36240d
```
#36240d rgb(54,36,13)
```
#462e10
```
#462e10 rgb(70,46,16)
```
#563914
```
#563914 rgb(86,57,20)
```
#664318
```
#664318 rgb(102,67,24)
```
#764e1b
```
#764e1b rgb(118,78,27)
```
#86581f
```
#86581f rgb(134,88,31)
```
#966223
```
#966223 rgb(150,98,35)
```
#a66d26
```
#a66d26 rgb(166,109,38)
```
#b6772a
```
#b6772a rgb(182,119,42)
```
#c6822e
```
#c6822e rgb(198,130,46)
```

Shade Color Variation

#d18c36
```
#d18c36 rgb(209,140,54)
```
#d49546
```
#d49546 rgb(212,149,70)
```
#d89e56
```
#d89e56 rgb(216,158,86)
```
#dca766
```
#dca766 rgb(220,167,102)
```
#dfb076
```
#dfb076 rgb(223,176,118)
```
#e3ba86
```
#e3ba86 rgb(227,186,134)
```
#e7c396
```
#e7c396 rgb(231,195,150)
```
#eacca6
```
#eacca6 rgb(234,204,166)
```
#eed5b6
```
#eed5b6 rgb(238,213,182)
```
#f2dec6
```
#f2dec6 rgb(242,222,198)
```
#f5e7d6
```
#f5e7d6 rgb(245,231,214)
```
#f9f0e6
```
#f9f0e6 rgb(249,240,230)
```
#fdfaf6
```
#fdfaf6 rgb(253,250,246)
```

Tint Color Variation

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

#535352
```
#535352 rgb(83,83,82)
```
#5a534b
```
#5a534b rgb(90,83,75)
```
#605445
```
#605445 rgb(96,84,69)
```
#66553f
```
#66553f rgb(102,85,63)
```
#6d5538
```
#6d5538 rgb(109,85,56)
```
#735632
```
#735632 rgb(115,86,50)
```
#79572c
```
#79572c rgb(121,87,44)
```
#805725
```
#805725 rgb(128,87,37)
```
#86581f
```
#86581f rgb(134,88,31)
```
#8c5919
```
#8c5919 rgb(140,89,25)
```
#935912
```
#935912 rgb(147,89,18)
```
#995a0c
```
#995a0c rgb(153,90,12)
```
#9f5b06
```
#9f5b06 rgb(159,91,6)
```

Tone Color Variation

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

#5f5f5f Achromatopsia 0.005% of the population
#675e52 Atypical Achromatopsia 0.001% of the population

Dichromacy

#756a2d Protanopia 1% of men
#836529 Deuteranopia 1% of men
#8f5b61 Tritanopia 0.001% of the population

Trichromacy

#7b6328 Protanomaly 1% of men, 0.01% of women
#846025 Deuteranomaly 6% of men, 0.4% of women
#8c5949 Tritanomaly 0.01% of the population

#86581f hex color

#86581f Color Information

#86581f Color Conversion

Color Schemes with #86581f

Alternatives to #86581f

#86581f Preview

Shades and Tints of #86581f

Tones of #86581f

Color Blindness Simulator