#86684a hex color

In a RGB color space, hex #86684a is composed of 52.5% red, 40.8% green and 29% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 22.4% magenta, 44.8% yellow and 47.5% black. It has a hue angle of 30 degrees, a saturation of 28.8% and a lightness of 40.8%. #86684a color hex could be obtained by blending #ffd094 with #0d0000. Closest websafe color is: #996633.

♥
- f
- t
- g
- R 53
- G 41
- B 29
RGB color chart
- C 0
- M 22
- Y 45
- K 47
CMYK color chart

● #86684a color description : Mostly desaturated dark orange.

The hexadecimal color #86684a has RGB values of R:134, G:104, B:74 and CMYK values of C:0, M:0.22, Y:0.45, K:0.47. Its decimal value is 8808522.

Hex triplet	86684a	`#86684a`
RGB Decimal	134, 104, 74	`rgb(134,104,74)`
RGB Percent	52.5, 40.8, 29	`rgb(52.5%,40.8%,29%)`
CMYK	0, 22, 45, 47
HSL	30°, 28.8, 40.8	`hsl(30,28.8%,40.8%)`
HSV (or HSB)	30°, 44.8, 52.5
Web Safe	996633	`#996633`

CIE-LAB	46.263, 7.804, 21.475
XYZ	16.018, 15.464, 8.619
xyY	0.399, 0.386, 15.464
CIE-LCH	46.263, 22.849, 70.03
CIE-LUV	46.263, 21.734, 24.003
Hunter-Lab	39.324, 3.89, 14.531
Binary	10000110, 01101000, 01001010

#86684a
```
#86684a rgb(134,104,74)
```
#4a6886
```
#4a6886 rgb(74,104,134)
```

Complementary Color

#864a4a
```
#864a4a rgb(134,74,74)
```
#86684a
```
#86684a rgb(134,104,74)
```
#86864a
```
#86864a rgb(134,134,74)
```

Analogous Color

#4a4a86
```
#4a4a86 rgb(74,74,134)
```
#86684a
```
#86684a rgb(134,104,74)
```
#4a8686
```
#4a8686 rgb(74,134,134)
```

Split Complementary Color

#684a86
```
#684a86 rgb(104,74,134)
```
#86684a
```
#86684a rgb(134,104,74)
```
#4a8668
```
#4a8668 rgb(74,134,104)
```

Triadic Color

#864a68
```
#864a68 rgb(134,74,104)
```
#86684a
```
#86684a rgb(134,104,74)
```
#4a8668
```
#4a8668 rgb(74,134,104)
```
#4a6886
```
#4a6886 rgb(74,104,134)
```

Tetradic Color

#55422f
```
#55422f rgb(85,66,47)
```
#654f38
```
#654f38 rgb(101,79,56)
```
#765b41
```
#765b41 rgb(118,91,65)
```
#86684a
```
#86684a rgb(134,104,74)
```
#967553
```
#967553 rgb(150,117,83)
```
#a6825d
```
#a6825d rgb(166,130,93)
```
#af8e6e
```
#af8e6e rgb(175,142,110)
```

Monochromatic Color

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

#86594a
```
#86594a rgb(134,89,74)
```
#865e4a
```
#865e4a rgb(134,94,74)
```
#86634a
```
#86634a rgb(134,99,74)
```
#86684a
```
#86684a rgb(134,104,74)
```
#866d4a
```
#866d4a rgb(134,109,74)
```
#86724a
```
#86724a rgb(134,114,74)
```
#86774a
```
#86774a rgb(134,119,74)
```

Similar Colors

Text with hexadecimal color #86684a

This text has a font color of #86684a.

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

#86684a background color

This paragraph has a background color of #86684a.

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

#86684a border color

This element has a border color of #86684a.

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

CSS codes

.text {color:#86684a;}

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

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

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

#080604
```
#080604 rgb(8,6,4)
```
#14100b
```
#14100b rgb(20,16,11)
```
#211a12
```
#211a12 rgb(33,26,18)
```
#2e2319
```
#2e2319 rgb(46,35,25)
```
#3a2d20
```
#3a2d20 rgb(58,45,32)
```
#473727
```
#473727 rgb(71,55,39)
```
#53412e
```
#53412e rgb(83,65,46)
```
#604b35
```
#604b35 rgb(96,75,53)
```
#6d543c
```
#6d543c rgb(109,84,60)
```
#795e43
```
#795e43 rgb(121,94,67)
```
#86684a
```
#86684a rgb(134,104,74)
```
#937251
```
#937251 rgb(147,114,81)
```
#9f7c58
```
#9f7c58 rgb(159,124,88)
```

Shade Color Variation

#a88562
```
#a88562 rgb(168,133,98)
```
#af8f6f
```
#af8f6f rgb(175,143,111)
```
#b6997c
```
#b6997c rgb(182,153,124)
```
#bda388
```
#bda388 rgb(189,163,136)
```
#c4ad95
```
#c4ad95 rgb(196,173,149)
```
#cbb6a2
```
#cbb6a2 rgb(203,182,162)
```
#d2c0ae
```
#d2c0ae rgb(210,192,174)
```
#d9cabb
```
#d9cabb rgb(217,202,187)
```
#e0d4c7
```
#e0d4c7 rgb(224,212,199)
```
#e7ded4
```
#e7ded4 rgb(231,222,212)
```
#eee8e1
```
#eee8e1 rgb(238,232,225)
```
#f5f1ed
```
#f5f1ed rgb(245,241,237)
```
#fcfbfa
```
#fcfbfa rgb(252,251,250)
```

Tint Color Variation

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

#6e6862
```
#6e6862 rgb(110,104,98)
```
#76685a
```
#76685a rgb(118,104,90)
```
#7e6852
```
#7e6852 rgb(126,104,82)
```
#86684a
```
#86684a rgb(134,104,74)
```
#8e6842
```
#8e6842 rgb(142,104,66)
```
#96683a
```
#96683a rgb(150,104,58)
```
#9e6832
```
#9e6832 rgb(158,104,50)
```
#a6682a
```
#a6682a rgb(166,104,42)
```
#ae6822
```
#ae6822 rgb(174,104,34)
```
#b6681a
```
#b6681a rgb(182,104,26)
```
#be6812
```
#be6812 rgb(190,104,18)
```
#c6680a
```
#c6680a rgb(198,104,10)
```
#ce6802
```
#ce6802 rgb(206,104,2)
```

Tone Color Variation

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

#6e6e6e Achromatopsia 0.005% of the population
#736d67 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7d7555 Protanopia 1% of men
#8a7053 Deuteranopia 1% of men
#8f6b73 Tritanopia 0.001% of the population

Trichromacy

#807051 Protanomaly 1% of men, 0.01% of women
#896d4f Deuteranomaly 6% of men, 0.4% of women
#8c6a64 Tritanomaly 0.01% of the population

#86684a hex color

#86684a Color Information

#86684a Color Conversion

Color Schemes with #86684a

Alternatives to #86684a

#86684a Preview

Shades and Tints of #86684a

Tones of #86684a

Color Blindness Simulator