#a87a46 hex color

In a RGB color space, hex #a87a46 is composed of 65.9% red, 47.8% green and 27.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 27.4% magenta, 58.3% yellow and 34.1% black. It has a hue angle of 31.8 degrees, a saturation of 41.2% and a lightness of 46.7%. #a87a46 color hex could be obtained by blending #fff48c with #510000. Closest websafe color is: #996633.

♥
- f
- t
- g
- R 66
- G 48
- B 27
RGB color chart
- C 0
- M 27
- Y 58
- K 34
CMYK color chart

● #a87a46 color description : Dark moderate orange.

The hexadecimal color #a87a46 has RGB values of R:168, G:122, B:70 and CMYK values of C:0, M:0.27, Y:0.58, K:0.34. Its decimal value is 11041350.

Hex triplet	a87a46	`#a87a46`
RGB Decimal	168, 122, 70	`rgb(168,122,70)`
RGB Percent	65.9, 47.8, 27.5	`rgb(65.9%,47.8%,27.5%)`
CMYK	0, 27, 58, 34
HSL	31.8°, 41.2, 46.7	`hsl(31.8,41.2%,46.7%)`
HSV (or HSB)	31.8°, 58.3, 65.9
Web Safe	996633	`#996633`

CIE-LAB	54.749, 12.013, 35.191
XYZ	24.214, 22.687, 8.898
xyY	0.434, 0.407, 22.687
CIE-LCH	54.749, 37.185, 71.151
CIE-LUV	54.749, 35.397, 38.141
Hunter-Lab	47.631, 7.387, 22.266
Binary	10101000, 01111010, 01000110

#a87a46
```
#a87a46 rgb(168,122,70)
```
#4674a8
```
#4674a8 rgb(70,116,168)
```

Complementary Color

#a84946
```
#a84946 rgb(168,73,70)
```
#a87a46
```
#a87a46 rgb(168,122,70)
```
#a5a846
```
#a5a846 rgb(165,168,70)
```

Analogous Color

#4946a8
```
#4946a8 rgb(73,70,168)
```
#a87a46
```
#a87a46 rgb(168,122,70)
```
#46a5a8
```
#46a5a8 rgb(70,165,168)
```

Split Complementary Color

#7a46a8
```
#7a46a8 rgb(122,70,168)
```
#a87a46
```
#a87a46 rgb(168,122,70)
```
#46a87a
```
#46a87a rgb(70,168,122)
```

Triadic Color

#a84674
```
#a84674 rgb(168,70,116)
```
#a87a46
```
#a87a46 rgb(168,122,70)
```
#46a87a
```
#46a87a rgb(70,168,122)
```
#4674a8
```
#4674a8 rgb(70,116,168)
```

Tetradic Color

#725330
```
#725330 rgb(114,83,48)
```
#846037
```
#846037 rgb(132,96,55)
```
#966d3f
```
#966d3f rgb(150,109,63)
```
#a87a46
```
#a87a46 rgb(168,122,70)
```
#b78751
```
#b78751 rgb(183,135,81)
```
#be9363
```
#be9363 rgb(190,147,99)
```
#c6a075
```
#c6a075 rgb(198,160,117)
```

Monochromatic Color

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

#a86246
```
#a86246 rgb(168,98,70)
```
#a86a46
```
#a86a46 rgb(168,106,70)
```
#a87246
```
#a87246 rgb(168,114,70)
```
#a87a46
```
#a87a46 rgb(168,122,70)
```
#a88246
```
#a88246 rgb(168,130,70)
```
#a88a46
```
#a88a46 rgb(168,138,70)
```
#a89346
```
#a89346 rgb(168,147,70)
```

Similar Colors

Text with hexadecimal color #a87a46

This text has a font color of #a87a46.

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

#a87a46 background color

This paragraph has a background color of #a87a46.

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

#a87a46 border color

This element has a border color of #a87a46.

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

CSS codes

.text {color:#a87a46;}

.background {background-color:#a87a46;}

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

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

#020101
```
#020101 rgb(2,1,1)
```
#100b07
```
#100b07 rgb(16,11,7)
```
#1e150c
```
#1e150c rgb(30,21,12)
```
#2b2012
```
#2b2012 rgb(43,32,18)
```
#392a18
```
#392a18 rgb(57,42,24)
```
#47341e
```
#47341e rgb(71,52,30)
```
#553e23
```
#553e23 rgb(85,62,35)
```
#634829
```
#634829 rgb(99,72,41)
```
#71522f
```
#71522f rgb(113,82,47)
```
#7e5c35
```
#7e5c35 rgb(126,92,53)
```
#8c663a
```
#8c663a rgb(140,102,58)
```
#9a7040
```
#9a7040 rgb(154,112,64)
```
#a87a46
```
#a87a46 rgb(168,122,70)
```

Shade Color Variation

#b5844d
```
#b5844d rgb(181,132,77)
```
#bb8e5b
```
#bb8e5b rgb(187,142,91)
```
#c09769
```
#c09769 rgb(192,151,105)
```
#c6a176
```
#c6a176 rgb(198,161,118)
```
#ccaa84
```
#ccaa84 rgb(204,170,132)
```
#d2b492
```
#d2b492 rgb(210,180,146)
```
#d7bda0
```
#d7bda0 rgb(215,189,160)
```
#ddc7ae
```
#ddc7ae rgb(221,199,174)
```
#e3d0bc
```
#e3d0bc rgb(227,208,188)
```
#e9dac9
```
#e9dac9 rgb(233,218,201)
```
#eee4d7
```
#eee4d7 rgb(238,228,215)
```
#f4ede5
```
#f4ede5 rgb(244,237,229)
```
#faf7f3
```
#faf7f3 rgb(250,247,243)
```

Tint Color Variation

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

#7a7774
```
#7a7774 rgb(122,119,116)
```
#83786b
```
#83786b rgb(131,120,107)
```
#8d7861
```
#8d7861 rgb(141,120,97)
```
#967958
```
#967958 rgb(150,121,88)
```
#9f794f
```
#9f794f rgb(159,121,79)
```
#a87a46
```
#a87a46 rgb(168,122,70)
```
#b17b3d
```
#b17b3d rgb(177,123,61)
```
#ba7b34
```
#ba7b34 rgb(186,123,52)
```
#c37c2b
```
#c37c2b rgb(195,124,43)
```
#cd7c21
```
#cd7c21 rgb(205,124,33)
```
#d67d18
```
#d67d18 rgb(214,125,24)
```
#df7d0f
```
#df7d0f rgb(223,125,15)
```
#e87e06
```
#e87e06 rgb(232,126,6)
```

Tone Color Variation

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

#828282 Achromatopsia 0.005% of the population
#8a8076 Atypical Achromatopsia 0.001% of the population

Dichromacy

#968952 Protanopia 1% of men
#a6834e Deuteranopia 1% of men
#b17a83 Tritanopia 0.001% of the population

Trichromacy

#9c834d Protanomaly 1% of men, 0.01% of women
#a7804b Deuteranomaly 6% of men, 0.4% of women
#ad7a6c Tritanomaly 0.01% of the population

#a87a46 hex color

#a87a46 Color Information

#a87a46 Color Conversion

Color Schemes with #a87a46

Alternatives to #a87a46

#a87a46 Preview

Shades and Tints of #a87a46

Tones of #a87a46

Color Blindness Simulator