#a84d1f hex color

In a RGB color space, hex #a84d1f is composed of 65.9% red, 30.2% green and 12.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 54.2% magenta, 81.5% yellow and 34.1% black. It has a hue angle of 20.1 degrees, a saturation of 68.8% and a lightness of 39%. #a84d1f color hex could be obtained by blending #ff9a3e with #510000. Closest websafe color is: #996633.

♥
- f
- t
- g
- R 66
- G 30
- B 12
RGB color chart
- C 0
- M 54
- Y 82
- K 34
CMYK color chart

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

The hexadecimal color #a84d1f has RGB values of R:168, G:77, B:31 and CMYK values of C:0, M:0.54, Y:0.82, K:0.34. Its decimal value is 11029791.

Hex triplet	a84d1f	`#a84d1f`
RGB Decimal	168, 77, 31	`rgb(168,77,31)`
RGB Percent	65.9, 30.2, 12.2	`rgb(65.9%,30.2%,12.2%)`
CMYK	0, 54, 82, 34
HSL	20.1°, 68.8, 39	`hsl(20.1,68.8%,39%)`
HSV (or HSB)	20.1°, 81.5, 65.9
Web Safe	996633	`#996633`

CIE-LAB	43.848, 34.646, 43.159
XYZ	19.05, 13.733, 2.944
xyY	0.533, 0.384, 13.733
CIE-LCH	43.848, 55.345, 51.244
CIE-LUV	43.848, 72.947, 34.279
Hunter-Lab	37.059, 26.907, 21.231
Binary	10101000, 01001101, 00011111

#a84d1f
```
#a84d1f rgb(168,77,31)
```
#1f7aa8
```
#1f7aa8 rgb(31,122,168)
```

Complementary Color

#a81f35
```
#a81f35 rgb(168,31,53)
```
#a84d1f
```
#a84d1f rgb(168,77,31)
```
#a8921f
```
#a8921f rgb(168,146,31)
```

Analogous Color

#1f35a8
```
#1f35a8 rgb(31,53,168)
```
#a84d1f
```
#a84d1f rgb(168,77,31)
```
#1fa892
```
#1fa892 rgb(31,168,146)
```

Split Complementary Color

#4d1fa8
```
#4d1fa8 rgb(77,31,168)
```
#a84d1f
```
#a84d1f rgb(168,77,31)
```
#1fa84d
```
#1fa84d rgb(31,168,77)
```

Triadic Color

#a81f7a
```
#a81f7a rgb(168,31,122)
```
#a84d1f
```
#a84d1f rgb(168,77,31)
```
#1fa84d
```
#1fa84d rgb(31,168,77)
```
#1f7aa8
```
#1f7aa8 rgb(31,122,168)
```

Tetradic Color

#672f13
```
#672f13 rgb(103,47,19)
```
#7d3917
```
#7d3917 rgb(125,57,23)
```
#92431b
```
#92431b rgb(146,67,27)
```
#a84d1f
```
#a84d1f rgb(168,77,31)
```
#be5723
```
#be5723 rgb(190,87,35)
```
#d36127
```
#d36127 rgb(211,97,39)
```
#da6f39
```
#da6f39 rgb(218,111,57)
```

Monochromatic Color

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

#a82b1f
```
#a82b1f rgb(168,43,31)
```
#a8361f
```
#a8361f rgb(168,54,31)
```
#a8421f
```
#a8421f rgb(168,66,31)
```
#a84d1f
```
#a84d1f rgb(168,77,31)
```
#a8581f
```
#a8581f rgb(168,88,31)
```
#a8641f
```
#a8641f rgb(168,100,31)
```
#a86f1f
```
#a86f1f rgb(168,111,31)
```

Similar Colors

Text with hexadecimal color #a84d1f

This text has a font color of #a84d1f.

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

#a84d1f background color

This paragraph has a background color of #a84d1f.

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

#a84d1f border color

This element has a border color of #a84d1f.

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

CSS codes

.text {color:#a84d1f;}

.background {background-color:#a84d1f;}

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

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

#020100
```
#020100 rgb(2,1,0)
```
#130903
```
#130903 rgb(19,9,3)
```
#241007
```
#241007 rgb(36,16,7)
```
#34180a
```
#34180a rgb(52,24,10)
```
#451f0d
```
#451f0d rgb(69,31,13)
```
#552710
```
#552710 rgb(85,39,16)
```
#662f13
```
#662f13 rgb(102,47,19)
```
#763616
```
#763616 rgb(118,54,22)
```
#873e19
```
#873e19 rgb(135,62,25)
```
#97451c
```
#97451c rgb(151,69,28)
```
#a84d1f
```
#a84d1f rgb(168,77,31)
```
#b95522
```
#b95522 rgb(185,85,34)
```
#c95c25
```
#c95c25 rgb(201,92,37)
```

Shade Color Variation

#d8642a
```
#d8642a rgb(216,100,42)
```
#db703b
```
#db703b rgb(219,112,59)
```
#de7c4b
```
#de7c4b rgb(222,124,75)
```
#e1885c
```
#e1885c rgb(225,136,92)
```
#e4956c
```
#e4956c rgb(228,149,108)
```
#e7a17d
```
#e7a17d rgb(231,161,125)
```
#eaad8d
```
#eaad8d rgb(234,173,141)
```
#edb99e
```
#edb99e rgb(237,185,158)
```
#f0c5af
```
#f0c5af rgb(240,197,175)
```
#f3d1bf
```
#f3d1bf rgb(243,209,191)
```
#f6ddd0
```
#f6ddd0 rgb(246,221,208)
```
#f9e9e0
```
#f9e9e0 rgb(249,233,224)
```
#fcf5f1
```
#fcf5f1 rgb(252,245,241)
```

Tint Color Variation

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

#6b615c
```
#6b615c rgb(107,97,92)
```
#725f55
```
#725f55 rgb(114,95,85)
```
#7a5c4d
```
#7a5c4d rgb(122,92,77)
```
#825a45
```
#825a45 rgb(130,90,69)
```
#89573e
```
#89573e rgb(137,87,62)
```
#915536
```
#915536 rgb(145,85,54)
```
#99522e
```
#99522e rgb(153,82,46)
```
#a05027
```
#a05027 rgb(160,80,39)
```
#a84d1f
```
#a84d1f rgb(168,77,31)
```
#b04a17
```
#b04a17 rgb(176,74,23)
```
#b74810
```
#b74810 rgb(183,72,16)
```
#bf4508
```
#bf4508 rgb(191,69,8)
```
#c74300
```
#c74300 rgb(199,67,0)
```

Tone Color Variation

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

#636363 Achromatopsia 0.005% of the population
#715f55 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7b6f31 Protanopia 1% of men
#8a6a23 Deuteranopia 1% of men
#ae5156 Tritanopia 0.001% of the population

Trichromacy

#8b632a Protanomaly 1% of men, 0.01% of women
#955f21 Deuteranomaly 6% of men, 0.4% of women
#ac4f42 Tritanomaly 0.01% of the population

#a84d1f hex color

#a84d1f Color Information

#a84d1f Color Conversion

Color Schemes with #a84d1f

Alternatives to #a84d1f

#a84d1f Preview

Shades and Tints of #a84d1f

Tones of #a84d1f

Color Blindness Simulator