#af8f71 hex color

In a RGB color space, hex #af8f71 is composed of 68.6% red, 56.1% green and 44.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 18.3% magenta, 35.4% yellow and 31.4% black. It has a hue angle of 29 degrees, a saturation of 27.9% and a lightness of 56.5%. #af8f71 color hex could be obtained by blending #ffffe2 with #5f1f00. Closest websafe color is: #999966.

♥
- f
- t
- g
- R 69
- G 56
- B 44
RGB color chart
- C 0
- M 18
- Y 35
- K 31
CMYK color chart

● #af8f71 color description : Mostly desaturated dark orange.

The hexadecimal color #af8f71 has RGB values of R:175, G:143, B:113 and CMYK values of C:0, M:0.18, Y:0.35, K:0.31. Its decimal value is 11505521.

Hex triplet	af8f71	`#af8f71`
RGB Decimal	175, 143, 113	`rgb(175,143,113)`
RGB Percent	68.6, 56.1, 44.3	`rgb(68.6%,56.1%,44.3%)`
CMYK	0, 18, 35, 31
HSL	29°, 27.9, 56.5	`hsl(29,27.9%,56.5%)`
HSV (or HSB)	29°, 35.4, 68.6
Web Safe	999966	`#999966`

CIE-LAB	61.613, 7.708, 20.511
XYZ	30.482, 29.952, 19.798
xyY	0.38, 0.373, 29.952
CIE-LCH	61.613, 21.911, 69.403
CIE-LUV	61.613, 22.673, 25.348
Hunter-Lab	54.729, 3.644, 16.862
Binary	10101111, 10001111, 01110001

#af8f71
```
#af8f71 rgb(175,143,113)
```
#7191af
```
#7191af rgb(113,145,175)
```

Complementary Color

#af7172
```
#af7172 rgb(175,113,114)
```
#af8f71
```
#af8f71 rgb(175,143,113)
```
#afae71
```
#afae71 rgb(175,174,113)
```

Analogous Color

#7172af
```
#7172af rgb(113,114,175)
```
#af8f71
```
#af8f71 rgb(175,143,113)
```
#71afae
```
#71afae rgb(113,175,174)
```

Split Complementary Color

#8f71af
```
#8f71af rgb(143,113,175)
```
#af8f71
```
#af8f71 rgb(175,143,113)
```
#71af8f
```
#71af8f rgb(113,175,143)
```

Triadic Color

#af7191
```
#af7191 rgb(175,113,145)
```
#af8f71
```
#af8f71 rgb(175,143,113)
```
#71af8f
```
#71af8f rgb(113,175,143)
```
#7191af
```
#7191af rgb(113,145,175)
```

Tetradic Color

#87694c
```
#87694c rgb(135,105,76)
```
#987555
```
#987555 rgb(152,117,85)
```
#a68261
```
#a68261 rgb(166,130,97)
```
#af8f71
```
#af8f71 rgb(175,143,113)
```
#b89c81
```
#b89c81 rgb(184,156,129)
```
#c1a992
```
#c1a992 rgb(193,169,146)
```
#cbb6a2
```
#cbb6a2 rgb(203,182,162)
```

Monochromatic Color

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

#af8071
```
#af8071 rgb(175,128,113)
```
#af8571
```
#af8571 rgb(175,133,113)
```
#af8a71
```
#af8a71 rgb(175,138,113)
```
#af8f71
```
#af8f71 rgb(175,143,113)
```
#af9471
```
#af9471 rgb(175,148,113)
```
#af9971
```
#af9971 rgb(175,153,113)
```
#af9f71
```
#af9f71 rgb(175,159,113)
```

Similar Colors

Text with hexadecimal color #af8f71

This text has a font color of #af8f71.

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

#af8f71 background color

This paragraph has a background color of #af8f71.

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

#af8f71 border color

This element has a border color of #af8f71.

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

CSS codes

.text {color:#af8f71;}

.background {background-color:#af8f71;}

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

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

#090705
```
#090705 rgb(9,7,5)
```
#15100c
```
#15100c rgb(21,16,12)
```
#221a13
```
#221a13 rgb(34,26,19)
```
#2e241a
```
#2e241a rgb(46,36,26)
```
#3b2e21
```
#3b2e21 rgb(59,46,33)
```
#473728
```
#473728 rgb(71,55,40)
```
#54412f
```
#54412f rgb(84,65,47)
```
#604b36
```
#604b36 rgb(96,75,54)
```
#6d543d
```
#6d543d rgb(109,84,61)
```
#795e44
```
#795e44 rgb(121,94,68)
```
#86684c
```
#86684c rgb(134,104,76)
```
#937253
```
#937253 rgb(147,114,83)
```
#9f7b5a
```
#9f7b5a rgb(159,123,90)
```

Shade Color Variation

#a88564
```
#a88564 rgb(168,133,100)
```
#af8f71
```
#af8f71 rgb(175,143,113)
```
#b6997e
```
#b6997e rgb(182,153,126)
```
#bda38a
```
#bda38a rgb(189,163,138)
```
#c4ad97
```
#c4ad97 rgb(196,173,151)
```
#cbb7a3
```
#cbb7a3 rgb(203,183,163)
```
#d2c0b0
```
#d2c0b0 rgb(210,192,176)
```
#d9cabc
```
#d9cabc rgb(217,202,188)
```
#e0d4c9
```
#e0d4c9 rgb(224,212,201)
```
#e8ded5
```
#e8ded5 rgb(232,222,213)
```
#efe8e2
```
#efe8e2 rgb(239,232,226)
```
#f6f2ee
```
#f6f2ee rgb(246,242,238)
```
#fdfcfb
```
#fdfcfb rgb(253,252,251)
```

Tint Color Variation

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

#95908b
```
#95908b rgb(149,144,139)
```
#9e9082
```
#9e9082 rgb(158,144,130)
```
#a68f7a
```
#a68f7a rgb(166,143,122)
```
#af8f71
```
#af8f71 rgb(175,143,113)
```
#b88f68
```
#b88f68 rgb(184,143,104)
```
#c08e60
```
#c08e60 rgb(192,142,96)
```
#c98e57
```
#c98e57 rgb(201,142,87)
```
#d18e4f
```
#d18e4f rgb(209,142,79)
```
#da8e46
```
#da8e46 rgb(218,142,70)
```
#e28d3e
```
#e28d3e rgb(226,141,62)
```
#eb8d35
```
#eb8d35 rgb(235,141,53)
```
#f38d2d
```
#f38d2d rgb(243,141,45)
```
#fc8d24
```
#fc8d24 rgb(252,141,36)
```

Tone Color Variation

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

#959595 Achromatopsia 0.005% of the population
#9a948e Atypical Achromatopsia 0.001% of the population

Dichromacy

#a49a7a Protanopia 1% of men
#b49478 Deuteranopia 1% of men
#b7909a Tritanopia 0.001% of the population

Trichromacy

#a89677 Protanomaly 1% of men, 0.01% of women
#b29275 Deuteranomaly 6% of men, 0.4% of women
#b48f8b Tritanomaly 0.01% of the population

#af8f71 hex color

#af8f71 Color Information

#af8f71 Color Conversion

Color Schemes with #af8f71

Alternatives to #af8f71

#af8f71 Preview

Shades and Tints of #af8f71

Tones of #af8f71

Color Blindness Simulator