#a77e1f hex color

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

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

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

The hexadecimal color #a77e1f has RGB values of R:167, G:126, B:31 and CMYK values of C:0, M:0.25, Y:0.81, K:0.35. Its decimal value is 10976799.

Hex triplet	a77e1f	`#a77e1f`
RGB Decimal	167, 126, 31	`rgb(167,126,31)`
RGB Percent	65.5, 49.4, 12.2	`rgb(65.5%,49.4%,12.2%)`
CMYK	0, 25, 81, 35
HSL	41.9°, 68.7, 38.8	`hsl(41.9,68.7%,38.8%)`
HSV (or HSB)	41.9°, 81.4, 65.5
Web Safe	996633	`#996633`

CIE-LAB	55.316, 7.067, 53.626
XYZ	23.645, 23.237, 4.536
xyY	0.46, 0.452, 23.237
CIE-LCH	55.316, 54.089, 82.493
CIE-LUV	55.316, 34.016, 53.019
Hunter-Lab	48.205, 3.196, 28.164
Binary	10100111, 01111110, 00011111

#a77e1f
```
#a77e1f rgb(167,126,31)
```
#1f48a7
```
#1f48a7 rgb(31,72,167)
```

Complementary Color

#a73a1f
```
#a73a1f rgb(167,58,31)
```
#a77e1f
```
#a77e1f rgb(167,126,31)
```
#8ca71f
```
#8ca71f rgb(140,167,31)
```

Analogous Color

#3a1fa7
```
#3a1fa7 rgb(58,31,167)
```
#a77e1f
```
#a77e1f rgb(167,126,31)
```
#1f8ca7
```
#1f8ca7 rgb(31,140,167)
```

Split Complementary Color

#7e1fa7
```
#7e1fa7 rgb(126,31,167)
```
#a77e1f
```
#a77e1f rgb(167,126,31)
```
#1fa77e
```
#1fa77e rgb(31,167,126)
```

Triadic Color

#a71f48
```
#a71f48 rgb(167,31,72)
```
#a77e1f
```
#a77e1f rgb(167,126,31)
```
#1fa77e
```
#1fa77e rgb(31,167,126)
```
#1f48a7
```
#1f48a7 rgb(31,72,167)
```

Tetradic Color

#664d13
```
#664d13 rgb(102,77,19)
```
#7c5e17
```
#7c5e17 rgb(124,94,23)
```
#916e1b
```
#916e1b rgb(145,110,27)
```
#a77e1f
```
#a77e1f rgb(167,126,31)
```
#bd8e23
```
#bd8e23 rgb(189,142,35)
```
#d29e27
```
#d29e27 rgb(210,158,39)
```
#daa938
```
#daa938 rgb(218,169,56)
```

Monochromatic Color

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

#a75c1f
```
#a75c1f rgb(167,92,31)
```
#a7671f
```
#a7671f rgb(167,103,31)
```
#a7731f
```
#a7731f rgb(167,115,31)
```
#a77e1f
```
#a77e1f rgb(167,126,31)
```
#a7891f
```
#a7891f rgb(167,137,31)
```
#a7951f
```
#a7951f rgb(167,149,31)
```
#a7a01f
```
#a7a01f rgb(167,160,31)
```

Similar Colors

Text with hexadecimal color #a77e1f

This text has a font color of #a77e1f.

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

#a77e1f background color

This paragraph has a background color of #a77e1f.

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

#a77e1f border color

This element has a border color of #a77e1f.

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

CSS codes

.text {color:#a77e1f;}

.background {background-color:#a77e1f;}

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

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

#020100
```
#020100 rgb(2,1,0)
```
#120e03
```
#120e03 rgb(18,14,3)
```
#231a06
```
#231a06 rgb(35,26,6)
```
#33270a
```
#33270a rgb(51,39,10)
```
#44330d
```
#44330d rgb(68,51,13)
```
#544010
```
#544010 rgb(84,64,16)
```
#654c13
```
#654c13 rgb(101,76,19)
```
#755916
```
#755916 rgb(117,89,22)
```
#866519
```
#866519 rgb(134,101,25)
```
#96721c
```
#96721c rgb(150,114,28)
```
#a77e1f
```
#a77e1f rgb(167,126,31)
```
#b88a22
```
#b88a22 rgb(184,138,34)
```
#c89725
```
#c89725 rgb(200,151,37)
```

Shade Color Variation

#d7a329
```
#d7a329 rgb(215,163,41)
```
#daaa3a
```
#daaa3a rgb(218,170,58)
```
#deb14b
```
#deb14b rgb(222,177,75)
```
#e1b85b
```
#e1b85b rgb(225,184,91)
```
#e4bf6c
```
#e4bf6c rgb(228,191,108)
```
#e7c77c
```
#e7c77c rgb(231,199,124)
```
#eace8d
```
#eace8d rgb(234,206,141)
```
#edd59d
```
#edd59d rgb(237,213,157)
```
#f0dcae
```
#f0dcae rgb(240,220,174)
```
#f3e3be
```
#f3e3be rgb(243,227,190)
```
#f6eacf
```
#f6eacf rgb(246,234,207)
```
#f9f1df
```
#f9f1df rgb(249,241,223)
```
#fcf9f0
```
#fcf9f0 rgb(252,249,240)
```

Tint Color Variation

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

#6a665c
```
#6a665c rgb(106,102,92)
```
#726954
```
#726954 rgb(114,105,84)
```
#796c4d
```
#796c4d rgb(121,108,77)
```
#816f45
```
#816f45 rgb(129,111,69)
```
#89723d
```
#89723d rgb(137,114,61)
```
#907536
```
#907536 rgb(144,117,54)
```
#98782e
```
#98782e rgb(152,120,46)
```
#9f7b27
```
#9f7b27 rgb(159,123,39)
```
#a77e1f
```
#a77e1f rgb(167,126,31)
```
#af8117
```
#af8117 rgb(175,129,23)
```
#b68410
```
#b68410 rgb(182,132,16)
```
#be8708
```
#be8708 rgb(190,135,8)
```
#c58a01
```
#c58a01 rgb(197,138,1)
```

Tone Color Variation

Below, you can see how #a77e1f 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
#877f6c Atypical Achromatopsia 0.001% of the population

Dichromacy

#9a8b2c Protanopia 1% of men
#ac842a Deuteranopia 1% of men
#b17c84 Tritanopia 0.001% of the population

Trichromacy

#9f8627 Protanomaly 1% of men, 0.01% of women
#aa8126 Deuteranomaly 6% of men, 0.4% of women
#ad7c5f Tritanomaly 0.01% of the population

#a77e1f hex color

#a77e1f Color Information

#a77e1f Color Conversion

Color Schemes with #a77e1f

Alternatives to #a77e1f

#a77e1f Preview

Shades and Tints of #a77e1f

Tones of #a77e1f

Color Blindness Simulator