#a84f1f hex color

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

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

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

The hexadecimal color #a84f1f has RGB values of R:168, G:79, B:31 and CMYK values of C:0, M:0.53, Y:0.82, K:0.34. Its decimal value is 11030303.

Hex triplet	a84f1f	`#a84f1f`
RGB Decimal	168, 79, 31	`rgb(168,79,31)`
RGB Percent	65.9, 31, 12.2	`rgb(65.9%,31%,12.2%)`
CMYK	0, 53, 82, 34
HSL	21°, 68.8, 39	`hsl(21,68.8%,39%)`
HSV (or HSB)	21°, 81.5, 65.9
Web Safe	996633	`#996633`

CIE-LAB	44.258, 33.604, 43.546
XYZ	19.192, 14.018, 2.991
xyY	0.53, 0.387, 14.018
CIE-LCH	44.258, 55.004, 52.343
CIE-LUV	44.258, 71.425, 34.973
Hunter-Lab	37.44, 25.982, 21.471
Binary	10101000, 01001111, 00011111

#a84f1f
```
#a84f1f rgb(168,79,31)
```
#1f78a8
```
#1f78a8 rgb(31,120,168)
```

Complementary Color

#a81f33
```
#a81f33 rgb(168,31,51)
```
#a84f1f
```
#a84f1f rgb(168,79,31)
```
#a8941f
```
#a8941f rgb(168,148,31)
```

Analogous Color

#1f33a8
```
#1f33a8 rgb(31,51,168)
```
#a84f1f
```
#a84f1f rgb(168,79,31)
```
#1fa894
```
#1fa894 rgb(31,168,148)
```

Split Complementary Color

#4f1fa8
```
#4f1fa8 rgb(79,31,168)
```
#a84f1f
```
#a84f1f rgb(168,79,31)
```
#1fa84f
```
#1fa84f rgb(31,168,79)
```

Triadic Color

#a81f78
```
#a81f78 rgb(168,31,120)
```
#a84f1f
```
#a84f1f rgb(168,79,31)
```
#1fa84f
```
#1fa84f rgb(31,168,79)
```
#1f78a8
```
#1f78a8 rgb(31,120,168)
```

Tetradic Color

#673113
```
#673113 rgb(103,49,19)
```
#7d3b17
```
#7d3b17 rgb(125,59,23)
```
#92451b
```
#92451b rgb(146,69,27)
```
#a84f1f
```
#a84f1f rgb(168,79,31)
```
#be5923
```
#be5923 rgb(190,89,35)
```
#d36327
```
#d36327 rgb(211,99,39)
```
#da7239
```
#da7239 rgb(218,114,57)
```

Monochromatic Color

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

#a82d1f
```
#a82d1f rgb(168,45,31)
```
#a8381f
```
#a8381f rgb(168,56,31)
```
#a8441f
```
#a8441f rgb(168,68,31)
```
#a84f1f
```
#a84f1f rgb(168,79,31)
```
#a85a1f
```
#a85a1f rgb(168,90,31)
```
#a8661f
```
#a8661f rgb(168,102,31)
```
#a8711f
```
#a8711f rgb(168,113,31)
```

Similar Colors

Text with hexadecimal color #a84f1f

This text has a font color of #a84f1f.

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

#a84f1f background color

This paragraph has a background color of #a84f1f.

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

#a84f1f border color

This element has a border color of #a84f1f.

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

CSS codes

.text {color:#a84f1f;}

.background {background-color:#a84f1f;}

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

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)
```
#241107
```
#241107 rgb(36,17,7)
```
#34180a
```
#34180a rgb(52,24,10)
```
#45200d
```
#45200d rgb(69,32,13)
```
#552810
```
#552810 rgb(85,40,16)
```
#663013
```
#663013 rgb(102,48,19)
```
#763816
```
#763816 rgb(118,56,22)
```
#873f19
```
#873f19 rgb(135,63,25)
```
#97471c
```
#97471c rgb(151,71,28)
```
#a84f1f
```
#a84f1f rgb(168,79,31)
```
#b95722
```
#b95722 rgb(185,87,34)
```
#c95f25
```
#c95f25 rgb(201,95,37)
```

Shade Color Variation

#d8672a
```
#d8672a rgb(216,103,42)
```
#db733b
```
#db733b rgb(219,115,59)
```
#de7f4b
```
#de7f4b rgb(222,127,75)
```
#e18a5c
```
#e18a5c rgb(225,138,92)
```
#e4966c
```
#e4966c rgb(228,150,108)
```
#e7a27d
```
#e7a27d rgb(231,162,125)
```
#eaae8d
```
#eaae8d rgb(234,174,141)
```
#edba9e
```
#edba9e rgb(237,186,158)
```
#f0c6af
```
#f0c6af rgb(240,198,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 #c74600 is the most saturated one.

#6b615c
```
#6b615c rgb(107,97,92)
```
#725f55
```
#725f55 rgb(114,95,85)
```
#7a5d4d
```
#7a5d4d rgb(122,93,77)
```
#825a45
```
#825a45 rgb(130,90,69)
```
#89583e
```
#89583e rgb(137,88,62)
```
#915636
```
#915636 rgb(145,86,54)
```
#99542e
```
#99542e rgb(153,84,46)
```
#a05127
```
#a05127 rgb(160,81,39)
```
#a84f1f
```
#a84f1f rgb(168,79,31)
```
#b04d17
```
#b04d17 rgb(176,77,23)
```
#b74a10
```
#b74a10 rgb(183,74,16)
```
#bf4808
```
#bf4808 rgb(191,72,8)
```
#c74600
```
#c74600 rgb(199,70,0)
```

Tone Color Variation

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

#646464 Achromatopsia 0.005% of the population
#726056 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7c7031 Protanopia 1% of men
#8b6b23 Deuteranopia 1% of men
#ae5358 Tritanopia 0.001% of the population

Trichromacy

#8c642a Protanomaly 1% of men, 0.01% of women
#966021 Deuteranomaly 6% of men, 0.4% of women
#ac5143 Tritanomaly 0.01% of the population

#a84f1f hex color

#a84f1f Color Information

#a84f1f Color Conversion

Color Schemes with #a84f1f

Alternatives to #a84f1f

#a84f1f Preview

Shades and Tints of #a84f1f

Tones of #a84f1f

Color Blindness Simulator