#af9f87 hex color

In a RGB color space, hex #af9f87 is composed of 68.6% red, 62.4% green and 52.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 9.1% magenta, 22.9% yellow and 31.4% black. It has a hue angle of 36 degrees, a saturation of 20% and a lightness of 60.8%. #af9f87 color hex could be obtained by blending #ffffff with #5f3f0f. Closest websafe color is: #999999.

♥
- f
- t
- g
- R 69
- G 62
- B 53
RGB color chart
- C 0
- M 9
- Y 23
- K 31
CMYK color chart

● #af9f87 color description : Dark grayish orange.

The hexadecimal color #af9f87 has RGB values of R:175, G:159, B:135 and CMYK values of C:0, M:0.09, Y:0.23, K:0.31. Its decimal value is 11509639.

Hex triplet	af9f87	`#af9f87`
RGB Decimal	175, 159, 135	`rgb(175,159,135)`
RGB Percent	68.6, 62.4, 52.9	`rgb(68.6%,62.4%,52.9%)`
CMYK	0, 9, 23, 31
HSL	36°, 20, 60.8	`hsl(36,20%,60.8%)`
HSV (or HSB)	36°, 22.9, 68.6
Web Safe	999999	`#999999`

CIE-LAB	66.259, 1.929, 14.661
XYZ	34.45, 35.66, 27.989
xyY	0.351, 0.364, 35.66
CIE-LCH	66.259, 14.787, 82.506
CIE-LUV	66.259, 11.27, 19.735
Hunter-Lab	59.716, -1.527, 14.012
Binary	10101111, 10011111, 10000111

#af9f87
```
#af9f87 rgb(175,159,135)
```
#8797af
```
#8797af rgb(135,151,175)
```

Complementary Color

#af8b87
```
#af8b87 rgb(175,139,135)
```
#af9f87
```
#af9f87 rgb(175,159,135)
```
#abaf87
```
#abaf87 rgb(171,175,135)
```

Analogous Color

#8b87af
```
#8b87af rgb(139,135,175)
```
#af9f87
```
#af9f87 rgb(175,159,135)
```
#87abaf
```
#87abaf rgb(135,171,175)
```

Split Complementary Color

#9f87af
```
#9f87af rgb(159,135,175)
```
#af9f87
```
#af9f87 rgb(175,159,135)
```
#87af9f
```
#87af9f rgb(135,175,159)
```

Triadic Color

#af8797
```
#af8797 rgb(175,135,151)
```
#af9f87
```
#af9f87 rgb(175,159,135)
```
#87af9f
```
#87af9f rgb(135,175,159)
```
#8797af
```
#8797af rgb(135,151,175)
```

Tetradic Color

#8c795d
```
#8c795d rgb(140,121,93)
```
#9b8768
```
#9b8768 rgb(155,135,104)
```
#a59378
```
#a59378 rgb(165,147,120)
```
#af9f87
```
#af9f87 rgb(175,159,135)
```
#b9ab96
```
#b9ab96 rgb(185,171,150)
```
#c3b7a6
```
#c3b7a6 rgb(195,183,166)
```
#cec4b5
```
#cec4b5 rgb(206,196,181)
```

Monochromatic Color

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

#af9587
```
#af9587 rgb(175,149,135)
```
#af9887
```
#af9887 rgb(175,152,135)
```
#af9c87
```
#af9c87 rgb(175,156,135)
```
#af9f87
```
#af9f87 rgb(175,159,135)
```
#afa287
```
#afa287 rgb(175,162,135)
```
#afa687
```
#afa687 rgb(175,166,135)
```
#afa987
```
#afa987 rgb(175,169,135)
```

Similar Colors

Text with hexadecimal color #af9f87

This text has a font color of #af9f87.

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

#af9f87 background color

This paragraph has a background color of #af9f87.

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

#af9f87 border color

This element has a border color of #af9f87.

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

CSS codes

.text {color:#af9f87;}

.background {background-color:#af9f87;}

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

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

#090806
```
#090806 rgb(9,8,6)
```
#15120e
```
#15120e rgb(21,18,14)
```
#211d16
```
#211d16 rgb(33,29,22)
```
#2d271e
```
#2d271e rgb(45,39,30)
```
#393126
```
#393126 rgb(57,49,38)
```
#443b2e
```
#443b2e rgb(68,59,46)
```
#504535
```
#504535 rgb(80,69,53)
```
#5c503d
```
#5c503d rgb(92,80,61)
```
#685a45
```
#685a45 rgb(104,90,69)
```
#73644d
```
#73644d rgb(115,100,77)
```
#7f6e55
```
#7f6e55 rgb(127,110,85)
```
#8b785d
```
#8b785d rgb(139,120,93)
```
#978364
```
#978364 rgb(151,131,100)
```

Shade Color Variation

#9f8c6f
```
#9f8c6f rgb(159,140,111)
```
#a7967b
```
#a7967b rgb(167,150,123)
```
#af9f87
```
#af9f87 rgb(175,159,135)
```
#b7a893
```
#b7a893 rgb(183,168,147)
```
#bfb29f
```
#bfb29f rgb(191,178,159)
```
#c7bbaa
```
#c7bbaa rgb(199,187,170)
```
#cec5b6
```
#cec5b6 rgb(206,197,182)
```
#d6cec2
```
#d6cec2 rgb(214,206,194)
```
#ded7ce
```
#ded7ce rgb(222,215,206)
```
#e6e1d9
```
#e6e1d9 rgb(230,225,217)
```
#eeeae5
```
#eeeae5 rgb(238,234,229)
```
#f6f4f1
```
#f6f4f1 rgb(246,244,241)
```
#fdfdfd
```
#fdfdfd rgb(253,253,253)
```

Tint Color Variation

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

#a09c96
```
#a09c96 rgb(160,156,150)
```
#a79d8f
```
#a79d8f rgb(167,157,143)
```
#af9f87
```
#af9f87 rgb(175,159,135)
```
#b7a17f
```
#b7a17f rgb(183,161,127)
```
#bea278
```
#bea278 rgb(190,162,120)
```
#c6a470
```
#c6a470 rgb(198,164,112)
```
#cea568
```
#cea568 rgb(206,165,104)
```
#d5a761
```
#d5a761 rgb(213,167,97)
```
#dda859
```
#dda859 rgb(221,168,89)
```
#e5aa51
```
#e5aa51 rgb(229,170,81)
```
#edab49
```
#edab49 rgb(237,171,73)
```
#f4ad42
```
#f4ad42 rgb(244,173,66)
```
#fcae3a
```
#fcae3a rgb(252,174,58)
```

Tone Color Variation

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

#a1a1a1 Achromatopsia 0.005% of the population
#a4a19c Atypical Achromatopsia 0.001% of the population

Dichromacy

#aea58d Protanopia 1% of men
#bda08e Deuteranopia 1% of men
#b79faa Tritanopia 0.001% of the population

Trichromacy

#aea38b Protanomaly 1% of men, 0.01% of women
#b89f8b Deuteranomaly 6% of men, 0.4% of women
#b49f9d Tritanomaly 0.01% of the population

#af9f87 hex color

#af9f87 Color Information

#af9f87 Color Conversion

Color Schemes with #af9f87

Alternatives to #af9f87

#af9f87 Preview

Shades and Tints of #af9f87

Tones of #af9f87

Color Blindness Simulator