#a7731d hex color

In a RGB color space, hex #a7731d is composed of 65.5% red, 45.1% green and 11.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 31.1% magenta, 82.6% yellow and 34.5% black. It has a hue angle of 37.4 degrees, a saturation of 70.4% and a lightness of 38.4%. #a7731d color hex could be obtained by blending #ffe63a with #4f0000. Closest websafe color is: #996633.

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

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

The hexadecimal color #a7731d has RGB values of R:167, G:115, B:29 and CMYK values of C:0, M:0.31, Y:0.83, K:0.35. Its decimal value is 10973981.

Hex triplet	a7731d	`#a7731d`
RGB Decimal	167, 115, 29	`rgb(167,115,29)`
RGB Percent	65.5, 45.1, 11.4	`rgb(65.5%,45.1%,11.4%)`
CMYK	0, 31, 83, 35
HSL	37.4°, 70.4, 38.4	`hsl(37.4,70.4%,38.4%)`
HSV (or HSB)	37.4°, 82.6, 65.5
Web Safe	996633	`#996633`

CIE-LAB	52.472, 13.196, 51.802
XYZ	22.289, 20.567, 3.958
xyY	0.476, 0.439, 20.567
CIE-LCH	52.472, 53.456, 75.709
CIE-LUV	52.472, 42.528, 49.008
Hunter-Lab	45.351, 8.366, 26.571
Binary	10100111, 01110011, 00011101

#a7731d
```
#a7731d rgb(167,115,29)
```
#1d51a7
```
#1d51a7 rgb(29,81,167)
```

Complementary Color

#a72e1d
```
#a72e1d rgb(167,46,29)
```
#a7731d
```
#a7731d rgb(167,115,29)
```
#96a71d
```
#96a71d rgb(150,167,29)
```

Analogous Color

#2e1da7
```
#2e1da7 rgb(46,29,167)
```
#a7731d
```
#a7731d rgb(167,115,29)
```
#1d96a7
```
#1d96a7 rgb(29,150,167)
```

Split Complementary Color

#731da7
```
#731da7 rgb(115,29,167)
```
#a7731d
```
#a7731d rgb(167,115,29)
```
#1da773
```
#1da773 rgb(29,167,115)
```

Triadic Color

#a71d51
```
#a71d51 rgb(167,29,81)
```
#a7731d
```
#a7731d rgb(167,115,29)
```
#1da773
```
#1da773 rgb(29,167,115)
```
#1d51a7
```
#1d51a7 rgb(29,81,167)
```

Tetradic Color

#664612
```
#664612 rgb(102,70,18)
```
#7c5515
```
#7c5515 rgb(124,85,21)
```
#916419
```
#916419 rgb(145,100,25)
```
#a7731d
```
#a7731d rgb(167,115,29)
```
#bd8221
```
#bd8221 rgb(189,130,33)
```
#d29125
```
#d29125 rgb(210,145,37)
```
#dc9d35
```
#dc9d35 rgb(220,157,53)
```

Monochromatic Color

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

#a7511d
```
#a7511d rgb(167,81,29)
```
#a75c1d
```
#a75c1d rgb(167,92,29)
```
#a7681d
```
#a7681d rgb(167,104,29)
```
#a7731d
```
#a7731d rgb(167,115,29)
```
#a77f1d
```
#a77f1d rgb(167,127,29)
```
#a78a1d
```
#a78a1d rgb(167,138,29)
```
#a7961d
```
#a7961d rgb(167,150,29)
```

Similar Colors

Text with hexadecimal color #a7731d

This text has a font color of #a7731d.

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

#a7731d background color

This paragraph has a background color of #a7731d.

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

#a7731d border color

This element has a border color of #a7731d.

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

CSS codes

.text {color:#a7731d;}

.background {background-color:#a7731d;}

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

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, #110b03 is the darkest color, while #ffffff is the lightest one.

#110b03
```
#110b03 rgb(17,11,3)
```
#211706
```
#211706 rgb(33,23,6)
```
#322209
```
#322209 rgb(50,34,9)
```
#432e0c
```
#432e0c rgb(67,46,12)
```
#53390e
```
#53390e rgb(83,57,14)
```
#644511
```
#644511 rgb(100,69,17)
```
#755014
```
#755014 rgb(117,80,20)
```
#865c17
```
#865c17 rgb(134,92,23)
```
#96671a
```
#96671a rgb(150,103,26)
```
#a7731d
```
#a7731d rgb(167,115,29)
```
#b87f20
```
#b87f20 rgb(184,127,32)
```
#c88a23
```
#c88a23 rgb(200,138,35)
```
#d99626
```
#d99626 rgb(217,150,38)
```

Shade Color Variation

#dc9e36
```
#dc9e36 rgb(220,158,54)
```
#dfa647
```
#dfa647 rgb(223,166,71)
```
#e2ae58
```
#e2ae58 rgb(226,174,88)
```
#e5b668
```
#e5b668 rgb(229,182,104)
```
#e8be79
```
#e8be79 rgb(232,190,121)
```
#ebc68a
```
#ebc68a rgb(235,198,138)
```
#eece9b
```
#eece9b rgb(238,206,155)
```
#f0d6ab
```
#f0d6ab rgb(240,214,171)
```
#f3dfbc
```
#f3dfbc rgb(243,223,188)
```
#f6e7cd
```
#f6e7cd rgb(246,231,205)
```
#f9efdd
```
#f9efdd rgb(249,239,221)
```
#fcf7ee
```
#fcf7ee rgb(252,247,238)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#636261
```
#636261 rgb(99,98,97)
```
#6b6459
```
#6b6459 rgb(107,100,89)
```
#726652
```
#726652 rgb(114,102,82)
```
#7a684a
```
#7a684a rgb(122,104,74)
```
#816a43
```
#816a43 rgb(129,106,67)
```
#896c3b
```
#896c3b rgb(137,108,59)
```
#906d34
```
#906d34 rgb(144,109,52)
```
#986f2c
```
#986f2c rgb(152,111,44)
```
#9f7125
```
#9f7125 rgb(159,113,37)
```
#a7731d
```
#a7731d rgb(167,115,29)
```
#af7515
```
#af7515 rgb(175,117,21)
```
#b6770e
```
#b6770e rgb(182,119,14)
```
#be7906
```
#be7906 rgb(190,121,6)
```

Tone Color Variation

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

#93842b Protanopia 1% of men
#a47d27 Deuteranopia 1% of men
#b0727a Tritanopia 0.001% of the population

Trichromacy

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

#a7731d hex color

#a7731d Color Information

#a7731d Color Conversion

Color Schemes with #a7731d

Alternatives to #a7731d

#a7731d Preview

Shades and Tints of #a7731d

Tones of #a7731d

Color Blindness Simulator