#a7731e hex color

In a RGB color space, hex #a7731e is composed of 65.5% red, 45.1% green and 11.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 31.1% magenta, 82% yellow and 34.5% black. It has a hue angle of 37.2 degrees, a saturation of 69.5% and a lightness of 38.6%. #a7731e color hex could be obtained by blending #ffe63c with #4f0000. Closest websafe color is: #996633.

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

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

The hexadecimal color #a7731e has RGB values of R:167, G:115, B:30 and CMYK values of C:0, M:0.31, Y:0.82, K:0.35. Its decimal value is 10973982.

Hex triplet	a7731e	`#a7731e`
RGB Decimal	167, 115, 30	`rgb(167,115,30)`
RGB Percent	65.5, 45.1, 11.8	`rgb(65.5%,45.1%,11.8%)`
CMYK	0, 31, 82, 35
HSL	37.2°, 69.5, 38.6	`hsl(37.2,69.5%,38.6%)`
HSV (or HSB)	37.2°, 82, 65.5
Web Safe	996633	`#996633`

CIE-LAB	52.478, 13.229, 51.444
XYZ	22.302, 20.572, 4.024
xyY	0.476, 0.439, 20.572
CIE-LCH	52.478, 53.118, 75.578
CIE-LUV	52.478, 42.484, 48.795
Hunter-Lab	45.356, 8.395, 26.489
Binary	10100111, 01110011, 00011110

#a7731e
```
#a7731e rgb(167,115,30)
```
#1e52a7
```
#1e52a7 rgb(30,82,167)
```

Complementary Color

#a72f1e
```
#a72f1e rgb(167,47,30)
```
#a7731e
```
#a7731e rgb(167,115,30)
```
#97a71e
```
#97a71e rgb(151,167,30)
```

Analogous Color

#2f1ea7
```
#2f1ea7 rgb(47,30,167)
```
#a7731e
```
#a7731e rgb(167,115,30)
```
#1e97a7
```
#1e97a7 rgb(30,151,167)
```

Split Complementary Color

#731ea7
```
#731ea7 rgb(115,30,167)
```
#a7731e
```
#a7731e rgb(167,115,30)
```
#1ea773
```
#1ea773 rgb(30,167,115)
```

Triadic Color

#a71e52
```
#a71e52 rgb(167,30,82)
```
#a7731e
```
#a7731e rgb(167,115,30)
```
#1ea773
```
#1ea773 rgb(30,167,115)
```
#1e52a7
```
#1e52a7 rgb(30,82,167)
```

Tetradic Color

#664612
```
#664612 rgb(102,70,18)
```
#7c5516
```
#7c5516 rgb(124,85,22)
```
#91641a
```
#91641a rgb(145,100,26)
```
#a7731e
```
#a7731e rgb(167,115,30)
```
#bd8222
```
#bd8222 rgb(189,130,34)
```
#d29126
```
#d29126 rgb(210,145,38)
```
#db9d37
```
#db9d37 rgb(219,157,55)
```

Monochromatic Color

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

#a7511e
```
#a7511e rgb(167,81,30)
```
#a75c1e
```
#a75c1e rgb(167,92,30)
```
#a7681e
```
#a7681e rgb(167,104,30)
```
#a7731e
```
#a7731e rgb(167,115,30)
```
#a77e1e
```
#a77e1e rgb(167,126,30)
```
#a78a1e
```
#a78a1e rgb(167,138,30)
```
#a7951e
```
#a7951e rgb(167,149,30)
```

Similar Colors

Text with hexadecimal color #a7731e

This text has a font color of #a7731e.

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

#a7731e background color

This paragraph has a background color of #a7731e.

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

#a7731e border color

This element has a border color of #a7731e.

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

CSS codes

.text {color:#a7731e;}

.background {background-color:#a7731e;}

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

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

#010000
```
#010000 rgb(1,0,0)
```
#110c03
```
#110c03 rgb(17,12,3)
```
#221706
```
#221706 rgb(34,23,6)
```
#332309
```
#332309 rgb(51,35,9)
```
#432e0c
```
#432e0c rgb(67,46,12)
```
#543a0f
```
#543a0f rgb(84,58,15)
```
#644512
```
#644512 rgb(100,69,18)
```
#755115
```
#755115 rgb(117,81,21)
```
#865c18
```
#865c18 rgb(134,92,24)
```
#96681b
```
#96681b rgb(150,104,27)
```
#a7731e
```
#a7731e rgb(167,115,30)
```
#b87e21
```
#b87e21 rgb(184,126,33)
```
#c88a24
```
#c88a24 rgb(200,138,36)
```

Shade Color Variation

#d89528
```
#d89528 rgb(216,149,40)
```
#db9d38
```
#db9d38 rgb(219,157,56)
```
#dea649
```
#dea649 rgb(222,166,73)
```
#e1ae59
```
#e1ae59 rgb(225,174,89)
```
#e4b66a
```
#e4b66a rgb(228,182,106)
```
#e7be7b
```
#e7be7b rgb(231,190,123)
```
#eac68b
```
#eac68b rgb(234,198,139)
```
#edce9c
```
#edce9c rgb(237,206,156)
```
#f0d7ad
```
#f0d7ad rgb(240,215,173)
```
#f3dfbd
```
#f3dfbd rgb(243,223,189)
```
#f6e7ce
```
#f6e7ce rgb(246,231,206)
```
#f9efde
```
#f9efde rgb(249,239,222)
```
#fcf7ef
```
#fcf7ef rgb(252,247,239)
```

Tint Color Variation

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

#636362
```
#636362 rgb(99,99,98)
```
#6a645b
```
#6a645b rgb(106,100,91)
```
#726653
```
#726653 rgb(114,102,83)
```
#7a684b
```
#7a684b rgb(122,104,75)
```
#816a44
```
#816a44 rgb(129,106,68)
```
#896c3c
```
#896c3c rgb(137,108,60)
```
#906e35
```
#906e35 rgb(144,110,53)
```
#986f2d
```
#986f2d rgb(152,111,45)
```
#9f7126
```
#9f7126 rgb(159,113,38)
```
#a7731e
```
#a7731e rgb(167,115,30)
```
#af7516
```
#af7516 rgb(175,117,22)
```
#b6770f
```
#b6770f rgb(182,119,15)
```
#be7807
```
#be7807 rgb(190,120,7)
```

Tone Color Variation

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

#797979 Achromatopsia 0.005% of the population
#827867 Atypical Achromatopsia 0.001% of the population

Dichromacy

#93842c Protanopia 1% of men
#a47d28 Deuteranopia 1% of men
#b0727a Tritanopia 0.001% of the population

Trichromacy

#9a7d27 Protanomaly 1% of men, 0.01% of women
#a57924 Deuteranomaly 6% of men, 0.4% of women
#ad7258 Tritanomaly 0.01% of the population

#a7731e hex color

#a7731e Color Information

#a7731e Color Conversion

Color Schemes with #a7731e

Alternatives to #a7731e

#a7731e Preview

Shades and Tints of #a7731e

Tones of #a7731e

Color Blindness Simulator