#af771e hex color

In a RGB color space, hex #af771e is composed of 68.6% red, 46.7% green and 11.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 32% magenta, 82.9% yellow and 31.4% black. It has a hue angle of 36.8 degrees, a saturation of 70.7% and a lightness of 40.2%. #af771e color hex could be obtained by blending #ffee3c with #5f0000. Closest websafe color is: #996633.

♥
- f
- t
- g
- R 69
- G 47
- B 12
RGB color chart
- C 0
- M 32
- Y 83
- K 31
CMYK color chart

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

The hexadecimal color #af771e has RGB values of R:175, G:119, B:30 and CMYK values of C:0, M:0.32, Y:0.83, K:0.31. Its decimal value is 11499294.

Hex triplet	af771e	`#af771e`
RGB Decimal	175, 119, 30	`rgb(175,119,30)`
RGB Percent	68.6, 46.7, 11.8	`rgb(68.6%,46.7%,11.8%)`
CMYK	0, 32, 83, 31
HSL	36.8°, 70.7, 40.2	`hsl(36.8,70.7%,40.2%)`
HSV (or HSB)	36.8°, 82.9, 68.6
Web Safe	996633	`#996633`

CIE-LAB	54.452, 14.584, 53.564
XYZ	24.511, 22.403, 4.262
xyY	0.479, 0.438, 22.403
CIE-LCH	54.452, 55.514, 74.769
CIE-LUV	54.452, 45.851, 50.773
Hunter-Lab	47.332, 9.606, 27.794
Binary	10101111, 01110111, 00011110

#af771e
```
#af771e rgb(175,119,30)
```
#1e56af
```
#1e56af rgb(30,86,175)
```

Complementary Color

#af2f1e
```
#af2f1e rgb(175,47,30)
```
#af771e
```
#af771e rgb(175,119,30)
```
#9faf1e
```
#9faf1e rgb(159,175,30)
```

Analogous Color

#2f1eaf
```
#2f1eaf rgb(47,30,175)
```
#af771e
```
#af771e rgb(175,119,30)
```
#1e9faf
```
#1e9faf rgb(30,159,175)
```

Split Complementary Color

#771eaf
```
#771eaf rgb(119,30,175)
```
#af771e
```
#af771e rgb(175,119,30)
```
#1eaf77
```
#1eaf77 rgb(30,175,119)
```

Triadic Color

#af1e56
```
#af1e56 rgb(175,30,86)
```
#af771e
```
#af771e rgb(175,119,30)
```
#1eaf77
```
#1eaf77 rgb(30,175,119)
```
#1e56af
```
#1e56af rgb(30,86,175)
```

Tetradic Color

#6e4b13
```
#6e4b13 rgb(110,75,19)
```
#835917
```
#835917 rgb(131,89,23)
```
#99681a
```
#99681a rgb(153,104,26)
```
#af771e
```
#af771e rgb(175,119,30)
```
#c58622
```
#c58622 rgb(197,134,34)
```
#da9426
```
#da9426 rgb(218,148,38)
```
#de9f3c
```
#de9f3c rgb(222,159,60)
```

Monochromatic Color

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

#af531e
```
#af531e rgb(175,83,30)
```
#af5f1e
```
#af5f1e rgb(175,95,30)
```
#af6b1e
```
#af6b1e rgb(175,107,30)
```
#af771e
```
#af771e rgb(175,119,30)
```
#af831e
```
#af831e rgb(175,131,30)
```
#af8f1e
```
#af8f1e rgb(175,143,30)
```
#af9b1e
```
#af9b1e rgb(175,155,30)
```

Similar Colors

Text with hexadecimal color #af771e

This text has a font color of #af771e.

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

#af771e background color

This paragraph has a background color of #af771e.

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

#af771e border color

This element has a border color of #af771e.

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

CSS codes

.text {color:#af771e;}

.background {background-color:#af771e;}

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

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

#080501
```
#080501 rgb(8,5,1)
```
#181104
```
#181104 rgb(24,17,4)
```
#291c07
```
#291c07 rgb(41,28,7)
```
#3a270a
```
#3a270a rgb(58,39,10)
```
#4b330d
```
#4b330d rgb(75,51,13)
```
#5b3e10
```
#5b3e10 rgb(91,62,16)
```
#6c4913
```
#6c4913 rgb(108,73,19)
```
#7d5515
```
#7d5515 rgb(125,85,21)
```
#8e6018
```
#8e6018 rgb(142,96,24)
```
#9e6c1b
```
#9e6c1b rgb(158,108,27)
```
#af771e
```
#af771e rgb(175,119,30)
```
#c08221
```
#c08221 rgb(192,130,33)
```
#d08e24
```
#d08e24 rgb(208,142,36)
```

Shade Color Variation

#db982d
```
#db982d rgb(219,152,45)
```
#dea03e
```
#dea03e rgb(222,160,62)
```
#e1a84e
```
#e1a84e rgb(225,168,78)
```
#e4b05f
```
#e4b05f rgb(228,176,95)
```
#e6b970
```
#e6b970 rgb(230,185,112)
```
#e9c181
```
#e9c181 rgb(233,193,129)
```
#ecc991
```
#ecc991 rgb(236,201,145)
```
#efd1a2
```
#efd1a2 rgb(239,209,162)
```
#f2dab3
```
#f2dab3 rgb(242,218,179)
```
#f5e2c4
```
#f5e2c4 rgb(245,226,196)
```
#f8ead4
```
#f8ead4 rgb(248,234,212)
```
#fbf2e5
```
#fbf2e5 rgb(251,242,229)
```
#fdfaf6
```
#fdfaf6 rgb(253,250,246)
```

Tint Color Variation

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

#686765
```
#686765 rgb(104,103,101)
```
#70695d
```
#70695d rgb(112,105,93)
```
#786a55
```
#786a55 rgb(120,106,85)
```
#806c4d
```
#806c4d rgb(128,108,77)
```
#886e45
```
#886e45 rgb(136,110,69)
```
#8f703e
```
#8f703e rgb(143,112,62)
```
#977236
```
#977236 rgb(151,114,54)
```
#9f732e
```
#9f732e rgb(159,115,46)
```
#a77526
```
#a77526 rgb(167,117,38)
```
#af771e
```
#af771e rgb(175,119,30)
```
#b77916
```
#b77916 rgb(183,121,22)
```
#bf7b0e
```
#bf7b0e rgb(191,123,14)
```
#c77c06
```
#c77c06 rgb(199,124,6)
```

Tone Color Variation

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

#7e7e7e Achromatopsia 0.005% of the population
#887d6b Atypical Achromatopsia 0.001% of the population

Dichromacy

#98882c Protanopia 1% of men
#aa8227 Deuteranopia 1% of men
#b8767e Tritanopia 0.001% of the population

Trichromacy

#a08227 Protanomaly 1% of men, 0.01% of women
#ab7e24 Deuteranomaly 6% of men, 0.4% of women
#b4765b Tritanomaly 0.01% of the population

#af771e hex color

#af771e Color Information

#af771e Color Conversion

Color Schemes with #af771e

Alternatives to #af771e

#af771e Preview

Shades and Tints of #af771e

Tones of #af771e

Color Blindness Simulator