#a77f1f hex color

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

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

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

The hexadecimal color #a77f1f has RGB values of R:167, G:127, B:31 and CMYK values of C:0, M:0.24, Y:0.81, K:0.35. Its decimal value is 10977055.

Hex triplet	a77f1f	`#a77f1f`
RGB Decimal	167, 127, 31	`rgb(167,127,31)`
RGB Percent	65.5, 49.8, 12.2	`rgb(65.5%,49.8%,12.2%)`
CMYK	0, 24, 81, 35
HSL	42.4°, 68.7, 38.8	`hsl(42.4,68.7%,38.8%)`
HSV (or HSB)	42.4°, 81.4, 65.5
Web Safe	996633	`#996633`

CIE-LAB	55.578, 6.506, 53.86
XYZ	23.773, 23.494, 4.579
xyY	0.459, 0.453, 23.494
CIE-LCH	55.578, 54.251, 83.112
CIE-LUV	55.578, 33.262, 53.426
Hunter-Lab	48.471, 2.724, 28.329
Binary	10100111, 01111111, 00011111

#a77f1f
```
#a77f1f rgb(167,127,31)
```
#1f47a7
```
#1f47a7 rgb(31,71,167)
```

Complementary Color

#a73b1f
```
#a73b1f rgb(167,59,31)
```
#a77f1f
```
#a77f1f rgb(167,127,31)
```
#8ba71f
```
#8ba71f rgb(139,167,31)
```

Analogous Color

#3b1fa7
```
#3b1fa7 rgb(59,31,167)
```
#a77f1f
```
#a77f1f rgb(167,127,31)
```
#1f8ba7
```
#1f8ba7 rgb(31,139,167)
```

Split Complementary Color

#7f1fa7
```
#7f1fa7 rgb(127,31,167)
```
#a77f1f
```
#a77f1f rgb(167,127,31)
```
#1fa77f
```
#1fa77f rgb(31,167,127)
```

Triadic Color

#a71f47
```
#a71f47 rgb(167,31,71)
```
#a77f1f
```
#a77f1f rgb(167,127,31)
```
#1fa77f
```
#1fa77f rgb(31,167,127)
```
#1f47a7
```
#1f47a7 rgb(31,71,167)
```

Tetradic Color

#664e13
```
#664e13 rgb(102,78,19)
```
#7c5e17
```
#7c5e17 rgb(124,94,23)
```
#916f1b
```
#916f1b rgb(145,111,27)
```
#a77f1f
```
#a77f1f rgb(167,127,31)
```
#bd8f23
```
#bd8f23 rgb(189,143,35)
```
#d2a027
```
#d2a027 rgb(210,160,39)
```
#daab38
```
#daab38 rgb(218,171,56)
```

Monochromatic Color

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

#a75d1f
```
#a75d1f rgb(167,93,31)
```
#a7681f
```
#a7681f rgb(167,104,31)
```
#a7741f
```
#a7741f rgb(167,116,31)
```
#a77f1f
```
#a77f1f rgb(167,127,31)
```
#a78a1f
```
#a78a1f rgb(167,138,31)
```
#a7961f
```
#a7961f rgb(167,150,31)
```
#a7a11f
```
#a7a11f rgb(167,161,31)
```

Similar Colors

Text with hexadecimal color #a77f1f

This text has a font color of #a77f1f.

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

#a77f1f background color

This paragraph has a background color of #a77f1f.

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

#a77f1f border color

This element has a border color of #a77f1f.

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

CSS codes

.text {color:#a77f1f;}

.background {background-color:#a77f1f;}

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

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)
```
#44340d
```
#44340d rgb(68,52,13)
```
#544010
```
#544010 rgb(84,64,16)
```
#654d13
```
#654d13 rgb(101,77,19)
```
#755916
```
#755916 rgb(117,89,22)
```
#866619
```
#866619 rgb(134,102,25)
```
#96721c
```
#96721c rgb(150,114,28)
```
#a77f1f
```
#a77f1f rgb(167,127,31)
```
#b88c22
```
#b88c22 rgb(184,140,34)
```
#c89825
```
#c89825 rgb(200,152,37)
```

Shade Color Variation

#d7a429
```
#d7a429 rgb(215,164,41)
```
#daab3a
```
#daab3a rgb(218,171,58)
```
#deb24b
```
#deb24b rgb(222,178,75)
```
#e1b95b
```
#e1b95b rgb(225,185,91)
```
#e4c06c
```
#e4c06c rgb(228,192,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)
```
#f3e4be
```
#f3e4be rgb(243,228,190)
```
#f6ebcf
```
#f6ebcf rgb(246,235,207)
```
#f9f2df
```
#f9f2df rgb(249,242,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 #c58c01 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)
```
#907636
```
#907636 rgb(144,118,54)
```
#98792e
```
#98792e rgb(152,121,46)
```
#9f7c27
```
#9f7c27 rgb(159,124,39)
```
#a77f1f
```
#a77f1f rgb(167,127,31)
```
#af8217
```
#af8217 rgb(175,130,23)
```
#b68510
```
#b68510 rgb(182,133,16)
```
#be8808
```
#be8808 rgb(190,136,8)
```
#c58c01
```
#c58c01 rgb(197,140,1)
```

Tone Color Variation

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

#808080 Achromatopsia 0.005% of the population
#88806d Atypical Achromatopsia 0.001% of the population

Dichromacy

#9b8b2c Protanopia 1% of men
#ad842b Deuteranopia 1% of men
#b17d85 Tritanopia 0.001% of the population

Trichromacy

#9f8727 Protanomaly 1% of men, 0.01% of women
#ab8226 Deuteranomaly 6% of men, 0.4% of women
#ad7d60 Tritanomaly 0.01% of the population

#a77f1f hex color

#a77f1f Color Information

#a77f1f Color Conversion

Color Schemes with #a77f1f

Alternatives to #a77f1f

#a77f1f Preview

Shades and Tints of #a77f1f

Tones of #a77f1f

Color Blindness Simulator