#a77316 hex color

In a RGB color space, hex #a77316 is composed of 65.5% red, 45.1% green and 8.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 31.1% magenta, 86.8% yellow and 34.5% black. It has a hue angle of 38.5 degrees, a saturation of 76.7% and a lightness of 37.1%. #a77316 color hex could be obtained by blending #ffe62c with #4f0000. Closest websafe color is: #996600.

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

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

The hexadecimal color #a77316 has RGB values of R:167, G:115, B:22 and CMYK values of C:0, M:0.31, Y:0.87, K:0.35. Its decimal value is 10973974.

Hex triplet	a77316	`#a77316`
RGB Decimal	167, 115, 22	`rgb(167,115,22)`
RGB Percent	65.5, 45.1, 8.6	`rgb(65.5%,45.1%,8.6%)`
CMYK	0, 31, 87, 35
HSL	38.5°, 76.7, 37.1	`hsl(38.5,76.7%,37.1%)`
HSV (or HSB)	38.5°, 86.8, 65.5
Web Safe	996600	`#996600`

CIE-LAB	52.438, 12.988, 54.086
XYZ	22.212, 20.536, 3.553
xyY	0.48, 0.444, 20.536
CIE-LCH	52.438, 55.623, 76.497
CIE-LUV	52.438, 42.797, 50.317
Hunter-Lab	45.317, 8.188, 27.073
Binary	10100111, 01110011, 00010110

#a77316
```
#a77316 rgb(167,115,22)
```
#164aa7
```
#164aa7 rgb(22,74,167)
```

Complementary Color

#a72b16
```
#a72b16 rgb(167,43,22)
```
#a77316
```
#a77316 rgb(167,115,22)
```
#93a716
```
#93a716 rgb(147,167,22)
```

Analogous Color

#2b16a7
```
#2b16a7 rgb(43,22,167)
```
#a77316
```
#a77316 rgb(167,115,22)
```
#1693a7
```
#1693a7 rgb(22,147,167)
```

Split Complementary Color

#7316a7
```
#7316a7 rgb(115,22,167)
```
#a77316
```
#a77316 rgb(167,115,22)
```
#16a773
```
#16a773 rgb(22,167,115)
```

Triadic Color

#a7164a
```
#a7164a rgb(167,22,74)
```
#a77316
```
#a77316 rgb(167,115,22)
```
#16a773
```
#16a773 rgb(22,167,115)
```
#164aa7
```
#164aa7 rgb(22,74,167)
```

Tetradic Color

#63440d
```
#63440d rgb(99,68,13)
```
#7a5410
```
#7a5410 rgb(122,84,16)
```
#906313
```
#906313 rgb(144,99,19)
```
#a77316
```
#a77316 rgb(167,115,22)
```
#be8319
```
#be8319 rgb(190,131,25)
```
#d4921c
```
#d4921c rgb(212,146,28)
```
#e39f27
```
#e39f27 rgb(227,159,39)
```

Monochromatic Color

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

#a74f16
```
#a74f16 rgb(167,79,22)
```
#a75b16
```
#a75b16 rgb(167,91,22)
```
#a76716
```
#a76716 rgb(167,103,22)
```
#a77316
```
#a77316 rgb(167,115,22)
```
#a77f16
```
#a77f16 rgb(167,127,22)
```
#a78b16
```
#a78b16 rgb(167,139,22)
```
#a79716
```
#a79716 rgb(167,151,22)
```

Similar Colors

Text with hexadecimal color #a77316

This text has a font color of #a77316.

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

#a77316 background color

This paragraph has a background color of #a77316.

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

#a77316 border color

This element has a border color of #a77316.

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

CSS codes

.text {color:#a77316;}

.background {background-color:#a77316;}

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

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, #0b0801 is the darkest color, while #fefcf9 is the lightest one.

#0b0801
```
#0b0801 rgb(11,8,1)
```
#1c1404
```
#1c1404 rgb(28,20,4)
```
#2e1f06
```
#2e1f06 rgb(46,31,6)
```
#3f2b08
```
#3f2b08 rgb(63,43,8)
```
#50370b
```
#50370b rgb(80,55,11)
```
#62430d
```
#62430d rgb(98,67,13)
```
#734f0f
```
#734f0f rgb(115,79,15)
```
#845b11
```
#845b11 rgb(132,91,17)
```
#966714
```
#966714 rgb(150,103,20)
```
#a77316
```
#a77316 rgb(167,115,22)
```
#b87f18
```
#b87f18 rgb(184,127,24)
```
#ca8b1b
```
#ca8b1b rgb(202,139,27)
```
#db971d
```
#db971d rgb(219,151,29)
```

Shade Color Variation

#e3a029
```
#e3a029 rgb(227,160,41)
```
#e5a83a
```
#e5a83a rgb(229,168,58)
```
#e7af4b
```
#e7af4b rgb(231,175,75)
```
#eab75d
```
#eab75d rgb(234,183,93)
```
#ecbf6e
```
#ecbf6e rgb(236,191,110)
```
#eec67f
```
#eec67f rgb(238,198,127)
```
#f0ce91
```
#f0ce91 rgb(240,206,145)
```
#f3d6a2
```
#f3d6a2 rgb(243,214,162)
```
#f5ddb3
```
#f5ddb3 rgb(245,221,179)
```
#f7e5c5
```
#f7e5c5 rgb(247,229,197)
```
#faedd6
```
#faedd6 rgb(250,237,214)
```
#fcf5e7
```
#fcf5e7 rgb(252,245,231)
```
#fefcf9
```
#fefcf9 rgb(254,252,249)
```

Tint Color Variation

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

#666157
```
#666157 rgb(102,97,87)
```
#6d6350
```
#6d6350 rgb(109,99,80)
```
#746549
```
#746549 rgb(116,101,73)
```
#7b6742
```
#7b6742 rgb(123,103,66)
```
#83693a
```
#83693a rgb(131,105,58)
```
#8a6b33
```
#8a6b33 rgb(138,107,51)
```
#916d2c
```
#916d2c rgb(145,109,44)
```
#986f25
```
#986f25 rgb(152,111,37)
```
#a0711d
```
#a0711d rgb(160,113,29)
```
#a77316
```
#a77316 rgb(167,115,22)
```
#ae750f
```
#ae750f rgb(174,117,15)
```
#b67707
```
#b67707 rgb(182,119,7)
```
#bd7900
```
#bd7900 rgb(189,121,0)
```

Tone Color Variation

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

#787878 Achromatopsia 0.005% of the population
#817764 Atypical Achromatopsia 0.001% of the population

Dichromacy

#938424 Protanopia 1% of men
#a47d20 Deuteranopia 1% of men
#b0727a Tritanopia 0.001% of the population

Trichromacy

#9a7d1f Protanomaly 1% of men, 0.01% of women
#a5791c Deuteranomaly 6% of men, 0.4% of women
#ad7255 Tritanomaly 0.01% of the population

#a77316 hex color

#a77316 Color Information

#a77316 Color Conversion

Color Schemes with #a77316

Alternatives to #a77316

#a77316 Preview

Shades and Tints of #a77316

Tones of #a77316

Color Blindness Simulator