#a76f1f hex color

In a RGB color space, hex #a76f1f is composed of 65.5% red, 43.5% green and 12.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 33.5% magenta, 81.4% yellow and 34.5% black. It has a hue angle of 35.3 degrees, a saturation of 68.7% and a lightness of 38.8%. #a76f1f color hex could be obtained by blending #ffde3e with #4f0000. Closest websafe color is: #996633.

♥
- f
- t
- g
- R 65
- G 44
- B 12
RGB color chart
- C 0
- M 34
- Y 81
- K 35
CMYK color chart

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

The hexadecimal color #a76f1f has RGB values of R:167, G:111, B:31 and CMYK values of C:0, M:0.34, Y:0.81, K:0.35. Its decimal value is 10972959.

Hex triplet	a76f1f	`#a76f1f`
RGB Decimal	167, 111, 31	`rgb(167,111,31)`
RGB Percent	65.5, 43.5, 12.2	`rgb(65.5%,43.5%,12.2%)`
CMYK	0, 34, 81, 35
HSL	35.3°, 68.7, 38.8	`hsl(35.3,68.7%,38.8%)`
HSV (or HSB)	35.3°, 81.4, 65.5
Web Safe	996633	`#996633`

CIE-LAB	51.479, 15.526, 50.168
XYZ	21.869, 19.685, 3.944
xyY	0.481, 0.433, 19.685
CIE-LCH	51.479, 52.516, 72.804
CIE-LUV	51.479, 45.549, 46.978
Hunter-Lab	44.368, 10.339, 25.787
Binary	10100111, 01101111, 00011111

#a76f1f
```
#a76f1f rgb(167,111,31)
```
#1f57a7
```
#1f57a7 rgb(31,87,167)
```

Complementary Color

#a72b1f
```
#a72b1f rgb(167,43,31)
```
#a76f1f
```
#a76f1f rgb(167,111,31)
```
#9ba71f
```
#9ba71f rgb(155,167,31)
```

Analogous Color

#2b1fa7
```
#2b1fa7 rgb(43,31,167)
```
#a76f1f
```
#a76f1f rgb(167,111,31)
```
#1f9ba7
```
#1f9ba7 rgb(31,155,167)
```

Split Complementary Color

#6f1fa7
```
#6f1fa7 rgb(111,31,167)
```
#a76f1f
```
#a76f1f rgb(167,111,31)
```
#1fa76f
```
#1fa76f rgb(31,167,111)
```

Triadic Color

#a71f57
```
#a71f57 rgb(167,31,87)
```
#a76f1f
```
#a76f1f rgb(167,111,31)
```
#1fa76f
```
#1fa76f rgb(31,167,111)
```
#1f57a7
```
#1f57a7 rgb(31,87,167)
```

Tetradic Color

#664413
```
#664413 rgb(102,68,19)
```
#7c5217
```
#7c5217 rgb(124,82,23)
```
#91611b
```
#91611b rgb(145,97,27)
```
#a76f1f
```
#a76f1f rgb(167,111,31)
```
#bd7d23
```
#bd7d23 rgb(189,125,35)
```
#d28c27
```
#d28c27 rgb(210,140,39)
```
#da9838
```
#da9838 rgb(218,152,56)
```

Monochromatic Color

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

#a74d1f
```
#a74d1f rgb(167,77,31)
```
#a7581f
```
#a7581f rgb(167,88,31)
```
#a7641f
```
#a7641f rgb(167,100,31)
```
#a76f1f
```
#a76f1f rgb(167,111,31)
```
#a77a1f
```
#a77a1f rgb(167,122,31)
```
#a7861f
```
#a7861f rgb(167,134,31)
```
#a7911f
```
#a7911f rgb(167,145,31)
```

Similar Colors

Text with hexadecimal color #a76f1f

This text has a font color of #a76f1f.

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

#a76f1f background color

This paragraph has a background color of #a76f1f.

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

#a76f1f border color

This element has a border color of #a76f1f.

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

CSS codes

.text {color:#a76f1f;}

.background {background-color:#a76f1f;}

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

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 #fcf7f0 is the lightest one.

#020100
```
#020100 rgb(2,1,0)
```
#120c03
```
#120c03 rgb(18,12,3)
```
#231706
```
#231706 rgb(35,23,6)
```
#33220a
```
#33220a rgb(51,34,10)
```
#442d0d
```
#442d0d rgb(68,45,13)
```
#543810
```
#543810 rgb(84,56,16)
```
#654313
```
#654313 rgb(101,67,19)
```
#754e16
```
#754e16 rgb(117,78,22)
```
#865919
```
#865919 rgb(134,89,25)
```
#96641c
```
#96641c rgb(150,100,28)
```
#a76f1f
```
#a76f1f rgb(167,111,31)
```
#b87a22
```
#b87a22 rgb(184,122,34)
```
#c88525
```
#c88525 rgb(200,133,37)
```

Shade Color Variation

#d79029
```
#d79029 rgb(215,144,41)
```
#da983a
```
#da983a rgb(218,152,58)
```
#dea14b
```
#dea14b rgb(222,161,75)
```
#e1aa5b
```
#e1aa5b rgb(225,170,91)
```
#e4b26c
```
#e4b26c rgb(228,178,108)
```
#e7bb7c
```
#e7bb7c rgb(231,187,124)
```
#eac38d
```
#eac38d rgb(234,195,141)
```
#edcc9d
```
#edcc9d rgb(237,204,157)
```
#f0d5ae
```
#f0d5ae rgb(240,213,174)
```
#f3ddbe
```
#f3ddbe rgb(243,221,190)
```
#f6e6cf
```
#f6e6cf rgb(246,230,207)
```
#f9efdf
```
#f9efdf rgb(249,239,223)
```
#fcf7f0
```
#fcf7f0 rgb(252,247,240)
```

Tint Color Variation

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

#6a645c
```
#6a645c rgb(106,100,92)
```
#726654
```
#726654 rgb(114,102,84)
```
#79674d
```
#79674d rgb(121,103,77)
```
#816845
```
#816845 rgb(129,104,69)
```
#896a3d
```
#896a3d rgb(137,106,61)
```
#906b36
```
#906b36 rgb(144,107,54)
```
#986c2e
```
#986c2e rgb(152,108,46)
```
#9f6e27
```
#9f6e27 rgb(159,110,39)
```
#a76f1f
```
#a76f1f rgb(167,111,31)
```
#af7017
```
#af7017 rgb(175,112,23)
```
#b67210
```
#b67210 rgb(182,114,16)
```
#be7308
```
#be7308 rgb(190,115,8)
```
#c57401
```
#c57401 rgb(197,116,1)
```

Tone Color Variation

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

#777777 Achromatopsia 0.005% of the population
#817565 Atypical Achromatopsia 0.001% of the population

Dichromacy

#90812d Protanopia 1% of men
#a17b28 Deuteranopia 1% of men
#b06f76 Tritanopia 0.001% of the population

Trichromacy

#987a28 Protanomaly 1% of men, 0.01% of women
#a37624 Deuteranomaly 6% of men, 0.4% of women
#ac6f56 Tritanomaly 0.01% of the population

#a76f1f hex color

#a76f1f Color Information

#a76f1f Color Conversion

Color Schemes with #a76f1f

Alternatives to #a76f1f

#a76f1f Preview

Shades and Tints of #a76f1f

Tones of #a76f1f

Color Blindness Simulator