#af9987 hex color

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

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

● #af9987 color description : Dark grayish orange.

The hexadecimal color #af9987 has RGB values of R:175, G:153, B:135 and CMYK values of C:0, M:0.13, Y:0.23, K:0.31. Its decimal value is 11508103.

Hex triplet	af9987	`#af9987`
RGB Decimal	175, 153, 135	`rgb(175,153,135)`
RGB Percent	68.6, 60, 52.9	`rgb(68.6%,60%,52.9%)`
CMYK	0, 13, 23, 31
HSL	27°, 20, 60.8	`hsl(27,20%,60.8%)`
HSV (or HSB)	27°, 22.9, 68.6
Web Safe	999999	`#999999`

CIE-LAB	64.681, 5.225, 12.449
XYZ	33.443, 33.646, 27.653
xyY	0.353, 0.355, 33.646
CIE-LCH	64.681, 13.501, 67.233
CIE-LUV	64.681, 14.749, 16.157
Hunter-Lab	58.006, 1.405, 12.338
Binary	10101111, 10011001, 10000111

#af9987
```
#af9987 rgb(175,153,135)
```
#879daf
```
#879daf rgb(135,157,175)
```

Complementary Color

#af8789
```
#af8789 rgb(175,135,137)
```
#af9987
```
#af9987 rgb(175,153,135)
```
#afad87
```
#afad87 rgb(175,173,135)
```

Analogous Color

#8789af
```
#8789af rgb(135,137,175)
```
#af9987
```
#af9987 rgb(175,153,135)
```
#87afad
```
#87afad rgb(135,175,173)
```

Split Complementary Color

#9987af
```
#9987af rgb(153,135,175)
```
#af9987
```
#af9987 rgb(175,153,135)
```
#87af99
```
#87af99 rgb(135,175,153)
```

Triadic Color

#af879d
```
#af879d rgb(175,135,157)
```
#af9987
```
#af9987 rgb(175,153,135)
```
#87af99
```
#87af99 rgb(135,175,153)
```
#879daf
```
#879daf rgb(135,157,175)
```

Tetradic Color

#8c725d
```
#8c725d rgb(140,114,93)
```
#9b7f68
```
#9b7f68 rgb(155,127,104)
```
#a58c78
```
#a58c78 rgb(165,140,120)
```
#af9987
```
#af9987 rgb(175,153,135)
```
#b9a696
```
#b9a696 rgb(185,166,150)
```
#c3b3a6
```
#c3b3a6 rgb(195,179,166)
```
#cec0b5
```
#cec0b5 rgb(206,192,181)
```

Monochromatic Color

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

#af8f87
```
#af8f87 rgb(175,143,135)
```
#af9287
```
#af9287 rgb(175,146,135)
```
#af9687
```
#af9687 rgb(175,150,135)
```
#af9987
```
#af9987 rgb(175,153,135)
```
#af9c87
```
#af9c87 rgb(175,156,135)
```
#afa087
```
#afa087 rgb(175,160,135)
```
#afa387
```
#afa387 rgb(175,163,135)
```

Similar Colors

Text with hexadecimal color #af9987

This text has a font color of #af9987.

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

#af9987 background color

This paragraph has a background color of #af9987.

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

#af9987 border color

This element has a border color of #af9987.

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

CSS codes

.text {color:#af9987;}

.background {background-color:#af9987;}

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

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)
```
#15110e
```
#15110e rgb(21,17,14)
```
#211b16
```
#211b16 rgb(33,27,22)
```
#2d251e
```
#2d251e rgb(45,37,30)
```
#392e26
```
#392e26 rgb(57,46,38)
```
#44382e
```
#44382e rgb(68,56,46)
```
#504135
```
#504135 rgb(80,65,53)
```
#5c4b3d
```
#5c4b3d rgb(92,75,61)
```
#685545
```
#685545 rgb(104,85,69)
```
#735e4d
```
#735e4d rgb(115,94,77)
```
#7f6855
```
#7f6855 rgb(127,104,85)
```
#8b715d
```
#8b715d rgb(139,113,93)
```
#977b64
```
#977b64 rgb(151,123,100)
```

Shade Color Variation

#9f856f
```
#9f856f rgb(159,133,111)
```
#a78f7b
```
#a78f7b rgb(167,143,123)
```
#af9987
```
#af9987 rgb(175,153,135)
```
#b7a393
```
#b7a393 rgb(183,163,147)
```
#bfad9f
```
#bfad9f rgb(191,173,159)
```
#c7b7aa
```
#c7b7aa rgb(199,183,170)
```
#cec1b6
```
#cec1b6 rgb(206,193,182)
```
#d6cbc2
```
#d6cbc2 rgb(214,203,194)
```
#ded5ce
```
#ded5ce rgb(222,213,206)
```
#e6dfd9
```
#e6dfd9 rgb(230,223,217)
```
#eee9e5
```
#eee9e5 rgb(238,233,229)
```
#f6f3f1
```
#f6f3f1 rgb(246,243,241)
```
#fdfdfd
```
#fdfdfd rgb(253,253,253)
```

Tint Color Variation

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

#a09b96
```
#a09b96 rgb(160,155,150)
```
#a79a8f
```
#a79a8f rgb(167,154,143)
```
#af9987
```
#af9987 rgb(175,153,135)
```
#b7987f
```
#b7987f rgb(183,152,127)
```
#be9778
```
#be9778 rgb(190,151,120)
```
#c69770
```
#c69770 rgb(198,151,112)
```
#ce9668
```
#ce9668 rgb(206,150,104)
```
#d59561
```
#d59561 rgb(213,149,97)
```
#dd9459
```
#dd9459 rgb(221,148,89)
```
#e59451
```
#e59451 rgb(229,148,81)
```
#ed9349
```
#ed9349 rgb(237,147,73)
```
#f49242
```
#f49242 rgb(244,146,66)
```
#fc913a
```
#fc913a rgb(252,145,58)
```

Tone Color Variation

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

#9e9e9e Achromatopsia 0.005% of the population
#a19d99 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a9a18e Protanopia 1% of men
#b89c8d Deuteranopia 1% of men
#b69aa5 Tritanopia 0.001% of the population

Trichromacy

#ab9e8b Protanomaly 1% of men, 0.01% of women
#b49b8b Deuteranomaly 6% of men, 0.4% of women
#b39a9a Tritanomaly 0.01% of the population

#af9987 hex color

#af9987 Color Information

#af9987 Color Conversion

Color Schemes with #af9987

Alternatives to #af9987

#af9987 Preview

Shades and Tints of #af9987

Tones of #af9987

Color Blindness Simulator