#a77a31 hex color

In a RGB color space, hex #a77a31 is composed of 65.5% red, 47.8% green and 19.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 26.9% magenta, 70.7% yellow and 34.5% black. It has a hue angle of 37.1 degrees, a saturation of 54.6% and a lightness of 42.4%. #a77a31 color hex could be obtained by blending #fff462 with #4f0000. Closest websafe color is: #996633.

♥
- f
- t
- g
- R 65
- G 48
- B 19
RGB color chart
- C 0
- M 27
- Y 71
- K 35
CMYK color chart

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

The hexadecimal color #a77a31 has RGB values of R:167, G:122, B:49 and CMYK values of C:0, M:0.27, Y:0.71, K:0.35. Its decimal value is 10975793.

Hex triplet	a77a31	`#a77a31`
RGB Decimal	167, 122, 49	`rgb(167,122,49)`
RGB Percent	65.5, 47.8, 19.2	`rgb(65.5%,47.8%,19.2%)`
CMYK	0, 27, 71, 35
HSL	37.1°, 54.6, 42.4	`hsl(37.1,54.6%,42.4%)`
HSV (or HSB)	37.1°, 70.7, 65.5
Web Safe	996633	`#996633`

CIE-LAB	54.404, 10.132, 45.339
XYZ	23.451, 22.358, 5.986
xyY	0.453, 0.432, 22.358
CIE-LCH	54.404, 46.457, 77.402
CIE-LUV	54.404, 36.158, 46.482
Hunter-Lab	47.284, 5.781, 25.593
Binary	10100111, 01111010, 00110001

#a77a31
```
#a77a31 rgb(167,122,49)
```
#315ea7
```
#315ea7 rgb(49,94,167)
```

Complementary Color

#a73f31
```
#a73f31 rgb(167,63,49)
```
#a77a31
```
#a77a31 rgb(167,122,49)
```
#99a731
```
#99a731 rgb(153,167,49)
```

Analogous Color

#3f31a7
```
#3f31a7 rgb(63,49,167)
```
#a77a31
```
#a77a31 rgb(167,122,49)
```
#3199a7
```
#3199a7 rgb(49,153,167)
```

Split Complementary Color

#7a31a7
```
#7a31a7 rgb(122,49,167)
```
#a77a31
```
#a77a31 rgb(167,122,49)
```
#31a77a
```
#31a77a rgb(49,167,122)
```

Triadic Color

#a7315e
```
#a7315e rgb(167,49,94)
```
#a77a31
```
#a77a31 rgb(167,122,49)
```
#31a77a
```
#31a77a rgb(49,167,122)
```
#315ea7
```
#315ea7 rgb(49,94,167)
```

Tetradic Color

#6c4f20
```
#6c4f20 rgb(108,79,32)
```
#805d25
```
#805d25 rgb(128,93,37)
```
#936c2b
```
#936c2b rgb(147,108,43)
```
#a77a31
```
#a77a31 rgb(167,122,49)
```
#bb8837
```
#bb8837 rgb(187,136,55)
```
#c89543
```
#c89543 rgb(200,149,67)
```
#cea057
```
#cea057 rgb(206,160,87)
```

Monochromatic Color

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

#a75c31
```
#a75c31 rgb(167,92,49)
```
#a76631
```
#a76631 rgb(167,102,49)
```
#a77031
```
#a77031 rgb(167,112,49)
```
#a77a31
```
#a77a31 rgb(167,122,49)
```
#a78431
```
#a78431 rgb(167,132,49)
```
#a78e31
```
#a78e31 rgb(167,142,49)
```
#a79831
```
#a79831 rgb(167,152,49)
```

Similar Colors

Text with hexadecimal color #a77a31

This text has a font color of #a77a31.

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

#a77a31 background color

This paragraph has a background color of #a77a31.

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

#a77a31 border color

This element has a border color of #a77a31.

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

CSS codes

.text {color:#a77a31;}

.background {background-color:#a77a31;}

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

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

#000000
```
#000000 rgb(0,0,0)
```
#0f0b05
```
#0f0b05 rgb(15,11,5)
```
#1f1609
```
#1f1609 rgb(31,22,9)
```
#2e210d
```
#2e210d rgb(46,33,13)
```
#3d2c12
```
#3d2c12 rgb(61,44,18)
```
#4c3816
```
#4c3816 rgb(76,56,22)
```
#5b431b
```
#5b431b rgb(91,67,27)
```
#6a4e1f
```
#6a4e1f rgb(106,78,31)
```
#7a5924
```
#7a5924 rgb(122,89,36)
```
#896428
```
#896428 rgb(137,100,40)
```
#986f2d
```
#986f2d rgb(152,111,45)
```
#a77a31
```
#a77a31 rgb(167,122,49)
```
#b68535
```
#b68535 rgb(182,133,53)
```

Shade Color Variation

#c5903a
```
#c5903a rgb(197,144,58)
```
#ca9949
```
#ca9949 rgb(202,153,73)
```
#cea158
```
#cea158 rgb(206,161,88)
```
#d3aa68
```
#d3aa68 rgb(211,170,104)
```
#d7b277
```
#d7b277 rgb(215,178,119)
```
#dbbb86
```
#dbbb86 rgb(219,187,134)
```
#e0c395
```
#e0c395 rgb(224,195,149)
```
#e4cca4
```
#e4cca4 rgb(228,204,164)
```
#e9d4b3
```
#e9d4b3 rgb(233,212,179)
```
#edddc3
```
#edddc3 rgb(237,221,195)
```
#f2e5d2
```
#f2e5d2 rgb(242,229,210)
```
#f6eee1
```
#f6eee1 rgb(246,238,225)
```
#fbf7f0
```
#fbf7f0 rgb(251,247,240)
```

Tint Color Variation

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

#6d6c6b
```
#6d6c6b rgb(109,108,107)
```
#756e63
```
#756e63 rgb(117,110,99)
```
#7d705b
```
#7d705b rgb(125,112,91)
```
#867252
```
#867252 rgb(134,114,82)
```
#8e744a
```
#8e744a rgb(142,116,74)
```
#967642
```
#967642 rgb(150,118,66)
```
#9f7839
```
#9f7839 rgb(159,120,57)
```
#a77a31
```
#a77a31 rgb(167,122,49)
```
#af7c29
```
#af7c29 rgb(175,124,41)
```
#b87e20
```
#b87e20 rgb(184,126,32)
```
#c08018
```
#c08018 rgb(192,128,24)
```
#c88210
```
#c88210 rgb(200,130,16)
```
#d18407
```
#d18407 rgb(209,132,7)
```

Tone Color Variation

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

#7f7f7f Achromatopsia 0.005% of the population
#877e6f Atypical Achromatopsia 0.001% of the population

Dichromacy

#97883d Protanopia 1% of men
#a8823b Deuteranopia 1% of men
#b07981 Tritanopia 0.001% of the population

Trichromacy

#9d8339 Protanomaly 1% of men, 0.01% of women
#a77f37 Deuteranomaly 6% of men, 0.4% of women
#ad7964 Tritanomaly 0.01% of the population

#a77a31 hex color

#a77a31 Color Information

#a77a31 Color Conversion

Color Schemes with #a77a31

Alternatives to #a77a31

#a77a31 Preview

Shades and Tints of #a77a31

Tones of #a77a31

Color Blindness Simulator