#a7671f hex color

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

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

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

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

Hex triplet	a7671f	`#a7671f`
RGB Decimal	167, 103, 31	`rgb(167,103,31)`
RGB Percent	65.5, 40.4, 12.2	`rgb(65.5%,40.4%,12.2%)`
CMYK	0, 38, 81, 35
HSL	31.8°, 68.7, 38.8	`hsl(31.8,68.7%,38.8%)`
HSV (or HSB)	31.8°, 81.4, 65.5
Web Safe	996633	`#996633`

CIE-LAB	49.516, 20.04, 48.377
XYZ	21.035, 18.016, 3.666
xyY	0.492, 0.422, 18.016
CIE-LCH	49.516, 52.364, 67.499
CIE-LUV	49.516, 51.822, 43.825
Hunter-Lab	42.446, 14.177, 24.591
Binary	10100111, 01100111, 00011111

#a7671f
```
#a7671f rgb(167,103,31)
```
#1f5fa7
```
#1f5fa7 rgb(31,95,167)
```

Complementary Color

#a7231f
```
#a7231f rgb(167,35,31)
```
#a7671f
```
#a7671f rgb(167,103,31)
```
#a3a71f
```
#a3a71f rgb(163,167,31)
```

Analogous Color

#231fa7
```
#231fa7 rgb(35,31,167)
```
#a7671f
```
#a7671f rgb(167,103,31)
```
#1fa3a7
```
#1fa3a7 rgb(31,163,167)
```

Split Complementary Color

#671fa7
```
#671fa7 rgb(103,31,167)
```
#a7671f
```
#a7671f rgb(167,103,31)
```
#1fa767
```
#1fa767 rgb(31,167,103)
```

Triadic Color

#a71f5f
```
#a71f5f rgb(167,31,95)
```
#a7671f
```
#a7671f rgb(167,103,31)
```
#1fa767
```
#1fa767 rgb(31,167,103)
```
#1f5fa7
```
#1f5fa7 rgb(31,95,167)
```

Tetradic Color

#663f13
```
#663f13 rgb(102,63,19)
```
#7c4c17
```
#7c4c17 rgb(124,76,23)
```
#915a1b
```
#915a1b rgb(145,90,27)
```
#a7671f
```
#a7671f rgb(167,103,31)
```
#bd7423
```
#bd7423 rgb(189,116,35)
```
#d28227
```
#d28227 rgb(210,130,39)
```
#da8e38
```
#da8e38 rgb(218,142,56)
```

Monochromatic Color

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

#a7451f
```
#a7451f rgb(167,69,31)
```
#a7501f
```
#a7501f rgb(167,80,31)
```
#a75c1f
```
#a75c1f rgb(167,92,31)
```
#a7671f
```
#a7671f rgb(167,103,31)
```
#a7721f
```
#a7721f rgb(167,114,31)
```
#a77e1f
```
#a77e1f rgb(167,126,31)
```
#a7891f
```
#a7891f rgb(167,137,31)
```

Similar Colors

Text with hexadecimal color #a7671f

This text has a font color of #a7671f.

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

#a7671f background color

This paragraph has a background color of #a7671f.

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

#a7671f border color

This element has a border color of #a7671f.

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

CSS codes

.text {color:#a7671f;}

.background {background-color:#a7671f;}

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

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

#020100
```
#020100 rgb(2,1,0)
```
#120b03
```
#120b03 rgb(18,11,3)
```
#231506
```
#231506 rgb(35,21,6)
```
#33200a
```
#33200a rgb(51,32,10)
```
#442a0d
```
#442a0d rgb(68,42,13)
```
#543410
```
#543410 rgb(84,52,16)
```
#653e13
```
#653e13 rgb(101,62,19)
```
#754816
```
#754816 rgb(117,72,22)
```
#865319
```
#865319 rgb(134,83,25)
```
#965d1c
```
#965d1c rgb(150,93,28)
```
#a7671f
```
#a7671f rgb(167,103,31)
```
#b87122
```
#b87122 rgb(184,113,34)
```
#c87b25
```
#c87b25 rgb(200,123,37)
```

Shade Color Variation

#d78629
```
#d78629 rgb(215,134,41)
```
#da8f3a
```
#da8f3a rgb(218,143,58)
```
#de984b
```
#de984b rgb(222,152,75)
```
#e1a25b
```
#e1a25b rgb(225,162,91)
```
#e4ab6c
```
#e4ab6c rgb(228,171,108)
```
#e7b57c
```
#e7b57c rgb(231,181,124)
```
#eabe8d
```
#eabe8d rgb(234,190,141)
```
#edc79d
```
#edc79d rgb(237,199,157)
```
#f0d1ae
```
#f0d1ae rgb(240,209,174)
```
#f3dabe
```
#f3dabe rgb(243,218,190)
```
#f6e4cf
```
#f6e4cf rgb(246,228,207)
```
#f9eddf
```
#f9eddf rgb(249,237,223)
```
#fcf6f0
```
#fcf6f0 rgb(252,246,240)
```

Tint Color Variation

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

#6a635c
```
#6a635c rgb(106,99,92)
```
#726454
```
#726454 rgb(114,100,84)
```
#79644d
```
#79644d rgb(121,100,77)
```
#816545
```
#816545 rgb(129,101,69)
```
#89653d
```
#89653d rgb(137,101,61)
```
#906636
```
#906636 rgb(144,102,54)
```
#98662e
```
#98662e rgb(152,102,46)
```
#9f6727
```
#9f6727 rgb(159,103,39)
```
#a7671f
```
#a7671f rgb(167,103,31)
```
#af6717
```
#af6717 rgb(175,103,23)
```
#b66810
```
#b66810 rgb(182,104,16)
```
#be6808
```
#be6808 rgb(190,104,8)
```
#c56901
```
#c56901 rgb(197,105,1)
```

Tone Color Variation

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

#727272 Achromatopsia 0.005% of the population
#7d7061 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8b7d2e Protanopia 1% of men
#9b7627 Deuteranopia 1% of men
#af686f Tritanopia 0.001% of the population

Trichromacy

#957528 Protanomaly 1% of men, 0.01% of women
#9f7124 Deuteranomaly 6% of men, 0.4% of women
#ac6752 Tritanomaly 0.01% of the population

#a7671f hex color

#a7671f Color Information

#a7671f Color Conversion

Color Schemes with #a7671f

Alternatives to #a7671f

#a7671f Preview

Shades and Tints of #a7671f

Tones of #a7671f

Color Blindness Simulator