#a76c1f hex color

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

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

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

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

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

CIE-LAB	50.735, 17.221, 49.492
XYZ	21.547, 19.041, 3.837
xyY	0.485, 0.429, 19.041
CIE-LCH	50.735, 52.402, 70.815
CIE-LUV	50.735, 47.895, 45.789
Hunter-Lab	43.636, 11.777, 25.332
Binary	10100111, 01101100, 00011111

#a76c1f
```
#a76c1f rgb(167,108,31)
```
#1f5aa7
```
#1f5aa7 rgb(31,90,167)
```

Complementary Color

#a7281f
```
#a7281f rgb(167,40,31)
```
#a76c1f
```
#a76c1f rgb(167,108,31)
```
#9ea71f
```
#9ea71f rgb(158,167,31)
```

Analogous Color

#281fa7
```
#281fa7 rgb(40,31,167)
```
#a76c1f
```
#a76c1f rgb(167,108,31)
```
#1f9ea7
```
#1f9ea7 rgb(31,158,167)
```

Split Complementary Color

#6c1fa7
```
#6c1fa7 rgb(108,31,167)
```
#a76c1f
```
#a76c1f rgb(167,108,31)
```
#1fa76c
```
#1fa76c rgb(31,167,108)
```

Triadic Color

#a71f5a
```
#a71f5a rgb(167,31,90)
```
#a76c1f
```
#a76c1f rgb(167,108,31)
```
#1fa76c
```
#1fa76c rgb(31,167,108)
```
#1f5aa7
```
#1f5aa7 rgb(31,90,167)
```

Tetradic Color

#664213
```
#664213 rgb(102,66,19)
```
#7c5017
```
#7c5017 rgb(124,80,23)
```
#915e1b
```
#915e1b rgb(145,94,27)
```
#a76c1f
```
#a76c1f rgb(167,108,31)
```
#bd7a23
```
#bd7a23 rgb(189,122,35)
```
#d28827
```
#d28827 rgb(210,136,39)
```
#da9438
```
#da9438 rgb(218,148,56)
```

Monochromatic Color

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

#a74a1f
```
#a74a1f rgb(167,74,31)
```
#a7551f
```
#a7551f rgb(167,85,31)
```
#a7611f
```
#a7611f rgb(167,97,31)
```
#a76c1f
```
#a76c1f rgb(167,108,31)
```
#a7771f
```
#a7771f rgb(167,119,31)
```
#a7831f
```
#a7831f rgb(167,131,31)
```
#a78e1f
```
#a78e1f rgb(167,142,31)
```

Similar Colors

Text with hexadecimal color #a76c1f

This text has a font color of #a76c1f.

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

#a76c1f background color

This paragraph has a background color of #a76c1f.

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

#a76c1f border color

This element has a border color of #a76c1f.

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

CSS codes

.text {color:#a76c1f;}

.background {background-color:#a76c1f;}

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

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)
```
#231606
```
#231606 rgb(35,22,6)
```
#33210a
```
#33210a rgb(51,33,10)
```
#442c0d
```
#442c0d rgb(68,44,13)
```
#543710
```
#543710 rgb(84,55,16)
```
#654113
```
#654113 rgb(101,65,19)
```
#754c16
```
#754c16 rgb(117,76,22)
```
#865719
```
#865719 rgb(134,87,25)
```
#96611c
```
#96611c rgb(150,97,28)
```
#a76c1f
```
#a76c1f rgb(167,108,31)
```
#b87722
```
#b87722 rgb(184,119,34)
```
#c88125
```
#c88125 rgb(200,129,37)
```

Shade Color Variation

#d78c29
```
#d78c29 rgb(215,140,41)
```
#da953a
```
#da953a rgb(218,149,58)
```
#de9e4b
```
#de9e4b rgb(222,158,75)
```
#e1a75b
```
#e1a75b rgb(225,167,91)
```
#e4b06c
```
#e4b06c rgb(228,176,108)
```
#e7b97c
```
#e7b97c rgb(231,185,124)
```
#eac18d
```
#eac18d rgb(234,193,141)
```
#edca9d
```
#edca9d rgb(237,202,157)
```
#f0d3ae
```
#f0d3ae rgb(240,211,174)
```
#f3dcbe
```
#f3dcbe rgb(243,220,190)
```
#f6e5cf
```
#f6e5cf rgb(246,229,207)
```
#f9eedf
```
#f9eedf rgb(249,238,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 #c57001 is the most saturated one.

#6a645c
```
#6a645c rgb(106,100,92)
```
#726554
```
#726554 rgb(114,101,84)
```
#79664d
```
#79664d rgb(121,102,77)
```
#816745
```
#816745 rgb(129,103,69)
```
#89683d
```
#89683d rgb(137,104,61)
```
#906936
```
#906936 rgb(144,105,54)
```
#986a2e
```
#986a2e rgb(152,106,46)
```
#9f6b27
```
#9f6b27 rgb(159,107,39)
```
#a76c1f
```
#a76c1f rgb(167,108,31)
```
#af6d17
```
#af6d17 rgb(175,109,23)
```
#b66e10
```
#b66e10 rgb(182,110,16)
```
#be6f08
```
#be6f08 rgb(190,111,8)
```
#c57001
```
#c57001 rgb(197,112,1)
```

Tone Color Variation

Below, you can see how #a76c1f 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
#7f7364 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8e7f2d Protanopia 1% of men
#9e7927 Deuteranopia 1% of men
#af6c73 Tritanopia 0.001% of the population

Trichromacy

#977828 Protanomaly 1% of men, 0.01% of women
#a17424 Deuteranomaly 6% of men, 0.4% of women
#ac6c55 Tritanomaly 0.01% of the population

#a76c1f hex color

#a76c1f Color Information

#a76c1f Color Conversion

Color Schemes with #a76c1f

Alternatives to #a76c1f

#a76c1f Preview

Shades and Tints of #a76c1f

Tones of #a76c1f

Color Blindness Simulator