#afa187 hex color

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

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

● #afa187 color description : Dark grayish orange.

The hexadecimal color #afa187 has RGB values of R:175, G:161, B:135 and CMYK values of C:0, M:0.08, Y:0.23, K:0.31. Its decimal value is 11510151.

Hex triplet	afa187	`#afa187`
RGB Decimal	175, 161, 135	`rgb(175,161,135)`
RGB Percent	68.6, 63.1, 52.9	`rgb(68.6%,63.1%,52.9%)`
CMYK	0, 8, 23, 31
HSL	39°, 20, 60.8	`hsl(39,20%,60.8%)`
HSV (or HSB)	39°, 22.9, 68.6
Web Safe	999999	`#999999`

CIE-LAB	66.789, 0.837, 15.399
XYZ	34.797, 36.354, 28.104
xyY	0.351, 0.366, 36.354
CIE-LCH	66.789, 15.422, 86.889
CIE-LUV	66.789, 10.114, 20.926
Hunter-Lab	60.294, -2.499, 14.569
Binary	10101111, 10100001, 10000111

#afa187
```
#afa187 rgb(175,161,135)
```
#8795af
```
#8795af rgb(135,149,175)
```

Complementary Color

#af8d87
```
#af8d87 rgb(175,141,135)
```
#afa187
```
#afa187 rgb(175,161,135)
```
#a9af87
```
#a9af87 rgb(169,175,135)
```

Analogous Color

#8d87af
```
#8d87af rgb(141,135,175)
```
#afa187
```
#afa187 rgb(175,161,135)
```
#87a9af
```
#87a9af rgb(135,169,175)
```

Split Complementary Color

#a187af
```
#a187af rgb(161,135,175)
```
#afa187
```
#afa187 rgb(175,161,135)
```
#87afa1
```
#87afa1 rgb(135,175,161)
```

Triadic Color

#af8795
```
#af8795 rgb(175,135,149)
```
#afa187
```
#afa187 rgb(175,161,135)
```
#87afa1
```
#87afa1 rgb(135,175,161)
```
#8795af
```
#8795af rgb(135,149,175)
```

Tetradic Color

#8c7c5d
```
#8c7c5d rgb(140,124,93)
```
#9b8968
```
#9b8968 rgb(155,137,104)
```
#a59578
```
#a59578 rgb(165,149,120)
```
#afa187
```
#afa187 rgb(175,161,135)
```
#b9ad96
```
#b9ad96 rgb(185,173,150)
```
#c3b9a6
```
#c3b9a6 rgb(195,185,166)
```
#cec5b5
```
#cec5b5 rgb(206,197,181)
```

Monochromatic Color

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

#af9787
```
#af9787 rgb(175,151,135)
```
#af9a87
```
#af9a87 rgb(175,154,135)
```
#af9e87
```
#af9e87 rgb(175,158,135)
```
#afa187
```
#afa187 rgb(175,161,135)
```
#afa487
```
#afa487 rgb(175,164,135)
```
#afa887
```
#afa887 rgb(175,168,135)
```
#afab87
```
#afab87 rgb(175,171,135)
```

Similar Colors

Text with hexadecimal color #afa187

This text has a font color of #afa187.

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

#afa187 background color

This paragraph has a background color of #afa187.

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

#afa187 border color

This element has a border color of #afa187.

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

CSS codes

.text {color:#afa187;}

.background {background-color:#afa187;}

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

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)
```
#15130e
```
#15130e rgb(21,19,14)
```
#211d16
```
#211d16 rgb(33,29,22)
```
#2d281e
```
#2d281e rgb(45,40,30)
```
#393226
```
#393226 rgb(57,50,38)
```
#443c2e
```
#443c2e rgb(68,60,46)
```
#504735
```
#504735 rgb(80,71,53)
```
#5c513d
```
#5c513d rgb(92,81,61)
```
#685c45
```
#685c45 rgb(104,92,69)
```
#73664d
```
#73664d rgb(115,102,77)
```
#7f7055
```
#7f7055 rgb(127,112,85)
```
#8b7b5d
```
#8b7b5d rgb(139,123,93)
```
#978564
```
#978564 rgb(151,133,100)
```

Shade Color Variation

#9f8f6f
```
#9f8f6f rgb(159,143,111)
```
#a7987b
```
#a7987b rgb(167,152,123)
```
#afa187
```
#afa187 rgb(175,161,135)
```
#b7aa93
```
#b7aa93 rgb(183,170,147)
```
#bfb39f
```
#bfb39f rgb(191,179,159)
```
#c7bdaa
```
#c7bdaa rgb(199,189,170)
```
#cec6b6
```
#cec6b6 rgb(206,198,182)
```
#d6cfc2
```
#d6cfc2 rgb(214,207,194)
```
#ded8ce
```
#ded8ce rgb(222,216,206)
```
#e6e2d9
```
#e6e2d9 rgb(230,226,217)
```
#eeebe5
```
#eeebe5 rgb(238,235,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 #fcb83a is the most saturated one.

#a09c96
```
#a09c96 rgb(160,156,150)
```
#a79f8f
```
#a79f8f rgb(167,159,143)
```
#afa187
```
#afa187 rgb(175,161,135)
```
#b7a37f
```
#b7a37f rgb(183,163,127)
```
#bea678
```
#bea678 rgb(190,166,120)
```
#c6a870
```
#c6a870 rgb(198,168,112)
```
#ceaa68
```
#ceaa68 rgb(206,170,104)
```
#d5ad61
```
#d5ad61 rgb(213,173,97)
```
#ddaf59
```
#ddaf59 rgb(221,175,89)
```
#e5b151
```
#e5b151 rgb(229,177,81)
```
#edb349
```
#edb349 rgb(237,179,73)
```
#f4b642
```
#f4b642 rgb(244,182,66)
```
#fcb83a
```
#fcb83a rgb(252,184,58)
```

Tone Color Variation

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

#a2a2a2 Achromatopsia 0.005% of the population
#a5a29d Atypical Achromatopsia 0.001% of the population

Dichromacy

#b0a68d Protanopia 1% of men
#bfa18e Deuteranopia 1% of men
#b7a1ac Tritanopia 0.001% of the population

Trichromacy

#afa48b Protanomaly 1% of men, 0.01% of women
#b9a18b Deuteranomaly 6% of men, 0.4% of women
#b4a19f Tritanomaly 0.01% of the population

#afa187 hex color

#afa187 Color Information

#afa187 Color Conversion

Color Schemes with #afa187

Alternatives to #afa187

#afa187 Preview

Shades and Tints of #afa187

Tones of #afa187

Color Blindness Simulator