#a87100 hex color

In a RGB color space, hex #a87100 is composed of 65.9% red, 44.3% green and 0% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 32.7% magenta, 100% yellow and 34.1% black. It has a hue angle of 40.4 degrees, a saturation of 100% and a lightness of 32.9%. #a87100 color hex could be obtained by blending #ffe200 with #510000. Closest websafe color is: #996600.

♥
- f
- t
- g
- R 66
- G 44
- B 0
RGB color chart
- C 0
- M 33
- Y 100
- K 34
CMYK color chart

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

The hexadecimal color #a87100 has RGB values of R:168, G:113, B:0 and CMYK values of C:0, M:0.33, Y:1, K:0.34. Its decimal value is 11038976.

Hex triplet	a87100	`#a87100`
RGB Decimal	168, 113, 0	`rgb(168,113,0)`
RGB Percent	65.9, 44.3, 0	`rgb(65.9%,44.3%,0%)`
CMYK	0, 33, 100, 34
HSL	40.4°, 100, 32.9	`hsl(40.4,100%,32.9%)`
HSV (or HSB)	40.4°, 100, 65.9
Web Safe	996600	`#996600`

CIE-LAB	51.991, 14.181, 58.723
XYZ	22.054, 20.137, 2.725
xyY	0.491, 0.448, 20.137
CIE-LCH	51.991, 60.411, 76.424
CIE-LUV	51.991, 45.724, 52.095
Hunter-Lab	44.874, 9.198, 27.811
Binary	10101000, 01110001, 00000000

#a87100
```
#a87100 rgb(168,113,0)
```
#0037a8
```
#0037a8 rgb(0,55,168)
```

Complementary Color

#a81d00
```
#a81d00 rgb(168,29,0)
```
#a87100
```
#a87100 rgb(168,113,0)
```
#8ba800
```
#8ba800 rgb(139,168,0)
```

Analogous Color

#1d00a8
```
#1d00a8 rgb(29,0,168)
```
#a87100
```
#a87100 rgb(168,113,0)
```
#008ba8
```
#008ba8 rgb(0,139,168)
```

Split Complementary Color

#7100a8
```
#7100a8 rgb(113,0,168)
```
#a87100
```
#a87100 rgb(168,113,0)
```
#00a871
```
#00a871 rgb(0,168,113)
```

Triadic Color

#a80037
```
#a80037 rgb(168,0,55)
```
#a87100
```
#a87100 rgb(168,113,0)
```
#00a871
```
#00a871 rgb(0,168,113)
```
#0037a8
```
#0037a8 rgb(0,55,168)
```

Tetradic Color

#5c3e00
```
#5c3e00 rgb(92,62,0)
```
#754f00
```
#754f00 rgb(117,79,0)
```
#8f6000
```
#8f6000 rgb(143,96,0)
```
#a87100
```
#a87100 rgb(168,113,0)
```
#c28200
```
#c28200 rgb(194,130,0)
```
#db9300
```
#db9300 rgb(219,147,0)
```
#f5a400
```
#f5a400 rgb(245,164,0)
```

Monochromatic Color

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

#a84700
```
#a84700 rgb(168,71,0)
```
#a85500
```
#a85500 rgb(168,85,0)
```
#a86300
```
#a86300 rgb(168,99,0)
```
#a87100
```
#a87100 rgb(168,113,0)
```
#a87f00
```
#a87f00 rgb(168,127,0)
```
#a88d00
```
#a88d00 rgb(168,141,0)
```
#a89b00
```
#a89b00 rgb(168,155,0)
```

Similar Colors

Text with hexadecimal color #a87100

This text has a font color of #a87100.

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

#a87100 background color

This paragraph has a background color of #a87100.

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

#a87100 border color

This element has a border color of #a87100.

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

CSS codes

.text {color:#a87100;}

.background {background-color:#a87100;}

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

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

#0b0700
```
#0b0700 rgb(11,7,0)
```
#1f1500
```
#1f1500 rgb(31,21,0)
```
#322200
```
#322200 rgb(50,34,0)
```
#462f00
```
#462f00 rgb(70,47,0)
```
#5a3c00
```
#5a3c00 rgb(90,60,0)
```
#6d4900
```
#6d4900 rgb(109,73,0)
```
#815700
```
#815700 rgb(129,87,0)
```
#946400
```
#946400 rgb(148,100,0)
```
#a87100
```
#a87100 rgb(168,113,0)
```
#bc7e00
```
#bc7e00 rgb(188,126,0)
```
#cf8b00
```
#cf8b00 rgb(207,139,0)
```
#e39900
```
#e39900 rgb(227,153,0)
```
#f6a600
```
#f6a600 rgb(246,166,0)
```

Shade Color Variation

#ffaf0b
```
#ffaf0b rgb(255,175,11)
```
#ffb61f
```
#ffb61f rgb(255,182,31)
```
#ffbc32
```
#ffbc32 rgb(255,188,50)
```
#ffc246
```
#ffc246 rgb(255,194,70)
```
#ffc95a
```
#ffc95a rgb(255,201,90)
```
#ffcf6d
```
#ffcf6d rgb(255,207,109)
```
#ffd681
```
#ffd681 rgb(255,214,129)
```
#ffdc94
```
#ffdc94 rgb(255,220,148)
```
#ffe3a8
```
#ffe3a8 rgb(255,227,168)
```
#ffe9bc
```
#ffe9bc rgb(255,233,188)
```
#ffefcf
```
#ffefcf rgb(255,239,207)
```
#fff6e3
```
#fff6e3 rgb(255,246,227)
```
#fffcf6
```
#fffcf6 rgb(255,252,246)
```

Tint Color Variation

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

#5a564e
```
#5a564e rgb(90,86,78)
```
#615847
```
#615847 rgb(97,88,71)
```
#675b41
```
#675b41 rgb(103,91,65)
```
#6e5d3a
```
#6e5d3a rgb(110,93,58)
```
#745f34
```
#745f34 rgb(116,95,52)
```
#7b612d
```
#7b612d rgb(123,97,45)
```
#816427
```
#816427 rgb(129,100,39)
```
#886620
```
#886620 rgb(136,102,32)
```
#8e681a
```
#8e681a rgb(142,104,26)
```
#956a13
```
#956a13 rgb(149,106,19)
```
#9b6d0d
```
#9b6d0d rgb(155,109,13)
```
#a26f06
```
#a26f06 rgb(162,111,6)
```
#a87100
```
#a87100 rgb(168,113,0)
```

Tone Color Variation

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

#757575 Achromatopsia 0.005% of the population
#7f745e Atypical Achromatopsia 0.001% of the population

Dichromacy

#92830d Protanopia 1% of men
#a37c00 Deuteranopia 1% of men
#b17077 Tritanopia 0.001% of the population

Trichromacy

#9a7c08 Protanomaly 1% of men, 0.01% of women
#a57800 Deuteranomaly 6% of men, 0.4% of women
#ae704c Tritanomaly 0.01% of the population

#a87100 hex color

#a87100 Color Information

#a87100 Color Conversion

Color Schemes with #a87100

Alternatives to #a87100

#a87100 Preview

Shades and Tints of #a87100

Tones of #a87100

Color Blindness Simulator