#a87228 hex color

In a RGB color space, hex #a87228 is composed of 65.9% red, 44.7% green and 15.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 32.1% magenta, 76.2% yellow and 34.1% black. It has a hue angle of 34.7 degrees, a saturation of 61.5% and a lightness of 40.8%. #a87228 color hex could be obtained by blending #ffe450 with #510000. Closest websafe color is: #996633.

♥
- f
- t
- g
- R 66
- G 45
- B 16
RGB color chart
- C 0
- M 32
- Y 76
- K 34
CMYK color chart

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

The hexadecimal color #a87228 has RGB values of R:168, G:114, B:40 and CMYK values of C:0, M:0.32, Y:0.76, K:0.34. Its decimal value is 11039272.

Hex triplet	a87228	`#a87228`
RGB Decimal	168, 114, 40	`rgb(168,114,40)`
RGB Percent	65.9, 44.7, 15.7	`rgb(65.9%,44.7%,15.7%)`
CMYK	0, 32, 76, 34
HSL	34.7°, 61.5, 40.8	`hsl(34.7,61.5%,40.8%)`
HSV (or HSB)	34.7°, 76.2, 65.9
Web Safe	996633	`#996633`

CIE-LAB	52.414, 14.643, 47.404
XYZ	22.549, 20.514, 4.779
xyY	0.471, 0.429, 20.514
CIE-LCH	52.414, 49.614, 72.834
CIE-LUV	52.414, 43.543, 45.95
Hunter-Lab	45.293, 9.606, 25.448
Binary	10101000, 01110010, 00101000

#a87228
```
#a87228 rgb(168,114,40)
```
#285ea8
```
#285ea8 rgb(40,94,168)
```

Complementary Color

#a83228
```
#a83228 rgb(168,50,40)
```
#a87228
```
#a87228 rgb(168,114,40)
```
#9ea828
```
#9ea828 rgb(158,168,40)
```

Analogous Color

#3228a8
```
#3228a8 rgb(50,40,168)
```
#a87228
```
#a87228 rgb(168,114,40)
```
#289ea8
```
#289ea8 rgb(40,158,168)
```

Split Complementary Color

#7228a8
```
#7228a8 rgb(114,40,168)
```
#a87228
```
#a87228 rgb(168,114,40)
```
#28a872
```
#28a872 rgb(40,168,114)
```

Triadic Color

#a8285e
```
#a8285e rgb(168,40,94)
```
#a87228
```
#a87228 rgb(168,114,40)
```
#28a872
```
#28a872 rgb(40,168,114)
```
#285ea8
```
#285ea8 rgb(40,94,168)
```

Tetradic Color

#6a4819
```
#6a4819 rgb(106,72,25)
```
#7f561e
```
#7f561e rgb(127,86,30)
```
#936423
```
#936423 rgb(147,100,35)
```
#a87228
```
#a87228 rgb(168,114,40)
```
#bd802d
```
#bd802d rgb(189,128,45)
```
#cf8e34
```
#cf8e34 rgb(207,142,52)
```
#d49949
```
#d49949 rgb(212,153,73)
```

Monochromatic Color

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

#a85228
```
#a85228 rgb(168,82,40)
```
#a85d28
```
#a85d28 rgb(168,93,40)
```
#a86728
```
#a86728 rgb(168,103,40)
```
#a87228
```
#a87228 rgb(168,114,40)
```
#a87d28
```
#a87d28 rgb(168,125,40)
```
#a88728
```
#a88728 rgb(168,135,40)
```
#a89228
```
#a89228 rgb(168,146,40)
```

Similar Colors

Text with hexadecimal color #a87228

This text has a font color of #a87228.

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

#a87228 background color

This paragraph has a background color of #a87228.

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

#a87228 border color

This element has a border color of #a87228.

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

CSS codes

.text {color:#a87228;}

.background {background-color:#a87228;}

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

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

#0a0602
```
#0a0602 rgb(10,6,2)
```
#191106
```
#191106 rgb(25,17,6)
```
#291c0a
```
#291c0a rgb(41,28,10)
```
#39270e
```
#39270e rgb(57,39,14)
```
#493111
```
#493111 rgb(73,49,17)
```
#593c15
```
#593c15 rgb(89,60,21)
```
#694719
```
#694719 rgb(105,71,25)
```
#78521d
```
#78521d rgb(120,82,29)
```
#885c20
```
#885c20 rgb(136,92,32)
```
#986724
```
#986724 rgb(152,103,36)
```
#a87228
```
#a87228 rgb(168,114,40)
```
#b87d2c
```
#b87d2c rgb(184,125,44)
```
#c88830
```
#c88830 rgb(200,136,48)
```

Shade Color Variation

#d0913b
```
#d0913b rgb(208,145,59)
```
#d49a4a
```
#d49a4a rgb(212,154,74)
```
#d8a35a
```
#d8a35a rgb(216,163,90)
```
#dcac6a
```
#dcac6a rgb(220,172,106)
```
#dfb57a
```
#dfb57a rgb(223,181,122)
```
#e3bd8a
```
#e3bd8a rgb(227,189,138)
```
#e7c69a
```
#e7c69a rgb(231,198,154)
```
#ebcfaa
```
#ebcfaa rgb(235,207,170)
```
#eed8b9
```
#eed8b9 rgb(238,216,185)
```
#f2e1c9
```
#f2e1c9 rgb(242,225,201)
```
#f6ead9
```
#f6ead9 rgb(246,234,217)
```
#faf3e9
```
#faf3e9 rgb(250,243,233)
```
#fefbf9
```
#fefbf9 rgb(254,251,249)
```

Tint Color Variation

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

#706960
```
#706960 rgb(112,105,96)
```
#786b58
```
#786b58 rgb(120,107,88)
```
#806c50
```
#806c50 rgb(128,108,80)
```
#886d48
```
#886d48 rgb(136,109,72)
```
#906e40
```
#906e40 rgb(144,110,64)
```
#987038
```
#987038 rgb(152,112,56)
```
#a07130
```
#a07130 rgb(160,113,48)
```
#a87228
```
#a87228 rgb(168,114,40)
```
#b07320
```
#b07320 rgb(176,115,32)
```
#b87518
```
#b87518 rgb(184,117,24)
```
#c07610
```
#c07610 rgb(192,118,16)
```
#c87708
```
#c87708 rgb(200,119,8)
```
#d07800
```
#d07800 rgb(208,120,0)
```

Tone Color Variation

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

#7a7a7a Achromatopsia 0.005% of the population
#83786a Atypical Achromatopsia 0.001% of the population

Dichromacy

#928336 Protanopia 1% of men
#a37d31 Deuteranopia 1% of men
#b17279 Tritanopia 0.001% of the population

Trichromacy

#9a7d30 Protanomaly 1% of men, 0.01% of women
#a4792e Deuteranomaly 6% of men, 0.4% of women
#ad725c Tritanomaly 0.01% of the population

#a87228 hex color

#a87228 Color Information

#a87228 Color Conversion

Color Schemes with #a87228

Alternatives to #a87228

#a87228 Preview

Shades and Tints of #a87228

Tones of #a87228

Color Blindness Simulator