#af9986 hex color

In a RGB color space, hex #af9986 is composed of 68.6% red, 60% green and 52.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 12.6% magenta, 23.4% yellow and 31.4% black. It has a hue angle of 27.8 degrees, a saturation of 20.4% and a lightness of 60.6%. #af9986 color hex could be obtained by blending #ffffff with #5f330d. 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

● #af9986 color description : Dark grayish orange.

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

Hex triplet	af9986	`#af9986`
RGB Decimal	175, 153, 134	`rgb(175,153,134)`
RGB Percent	68.6, 60, 52.5	`rgb(68.6%,60%,52.5%)`
CMYK	0, 13, 23, 31
HSL	27.8°, 20.4, 60.6	`hsl(27.8,20.4%,60.6%)`
HSV (or HSB)	27.8°, 23.4, 68.6
Web Safe	999999	`#999999`

CIE-LAB	64.659, 5.075, 12.977
XYZ	33.373, 33.618, 27.284
xyY	0.354, 0.357, 33.618
CIE-LCH	64.659, 13.934, 68.641
CIE-LUV	64.659, 14.83, 16.867
Hunter-Lab	57.981, 1.274, 12.687
Binary	10101111, 10011001, 10000110

#af9986
```
#af9986 rgb(175,153,134)
```
#869caf
```
#869caf rgb(134,156,175)
```

Complementary Color

#af8688
```
#af8688 rgb(175,134,136)
```
#af9986
```
#af9986 rgb(175,153,134)
```
#afae86
```
#afae86 rgb(175,174,134)
```

Analogous Color

#8688af
```
#8688af rgb(134,136,175)
```
#af9986
```
#af9986 rgb(175,153,134)
```
#86afae
```
#86afae rgb(134,175,174)
```

Split Complementary Color

#9986af
```
#9986af rgb(153,134,175)
```
#af9986
```
#af9986 rgb(175,153,134)
```
#86af99
```
#86af99 rgb(134,175,153)
```

Triadic Color

#af869c
```
#af869c rgb(175,134,156)
```
#af9986
```
#af9986 rgb(175,153,134)
```
#86af99
```
#86af99 rgb(134,175,153)
```
#869caf
```
#869caf rgb(134,156,175)
```

Tetradic Color

#8c735d
```
#8c735d rgb(140,115,93)
```
#9b7f67
```
#9b7f67 rgb(155,127,103)
```
#a58c77
```
#a58c77 rgb(165,140,119)
```
#af9986
```
#af9986 rgb(175,153,134)
```
#b9a695
```
#b9a695 rgb(185,166,149)
```
#c3b3a5
```
#c3b3a5 rgb(195,179,165)
```
#cdc0b4
```
#cdc0b4 rgb(205,192,180)
```

Monochromatic Color

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

#af8f86
```
#af8f86 rgb(175,143,134)
```
#af9286
```
#af9286 rgb(175,146,134)
```
#af9686
```
#af9686 rgb(175,150,134)
```
#af9986
```
#af9986 rgb(175,153,134)
```
#af9c86
```
#af9c86 rgb(175,156,134)
```
#afa086
```
#afa086 rgb(175,160,134)
```
#afa386
```
#afa386 rgb(175,163,134)
```

Similar Colors

Text with hexadecimal color #af9986

This text has a font color of #af9986.

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

#af9986 background color

This paragraph has a background color of #af9986.

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

#af9986 border color

This element has a border color of #af9986.

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

CSS codes

.text {color:#af9986;}

.background {background-color:#af9986;}

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

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

#090706
```
#090706 rgb(9,7,6)
```
#15110e
```
#15110e rgb(21,17,14)
```
#211b15
```
#211b15 rgb(33,27,21)
```
#2c241d
```
#2c241d rgb(44,36,29)
```
#382e25
```
#382e25 rgb(56,46,37)
```
#44382d
```
#44382d rgb(68,56,45)
```
#504135
```
#504135 rgb(80,65,53)
```
#5c4b3d
```
#5c4b3d rgb(92,75,61)
```
#675544
```
#675544 rgb(103,85,68)
```
#735e4c
```
#735e4c rgb(115,94,76)
```
#7f6854
```
#7f6854 rgb(127,104,84)
```
#8b725c
```
#8b725c rgb(139,114,92)
```
#977b64
```
#977b64 rgb(151,123,100)
```

Shade Color Variation

#9f856e
```
#9f856e rgb(159,133,110)
```
#a78f7a
```
#a78f7a rgb(167,143,122)
```
#af9986
```
#af9986 rgb(175,153,134)
```
#b7a392
```
#b7a392 rgb(183,163,146)
```
#bfad9e
```
#bfad9e rgb(191,173,158)
```
#c6b7a9
```
#c6b7a9 rgb(198,183,169)
```
#cec1b5
```
#cec1b5 rgb(206,193,181)
```
#d6cbc1
```
#d6cbc1 rgb(214,203,193)
```
#ded5cd
```
#ded5cd rgb(222,213,205)
```
#e6dfd9
```
#e6dfd9 rgb(230,223,217)
```
#ede9e4
```
#ede9e4 rgb(237,233,228)
```
#f5f3f0
```
#f5f3f0 rgb(245,243,240)
```
#fdfdfc
```
#fdfdfc rgb(253,253,252)
```

Tint Color Variation

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

#a09a95
```
#a09a95 rgb(160,154,149)
```
#a79a8e
```
#a79a8e rgb(167,154,142)
```
#af9986
```
#af9986 rgb(175,153,134)
```
#b7987e
```
#b7987e rgb(183,152,126)
```
#be9877
```
#be9877 rgb(190,152,119)
```
#c6976f
```
#c6976f rgb(198,151,111)
```
#ce9767
```
#ce9767 rgb(206,151,103)
```
#d6965f
```
#d6965f rgb(214,150,95)
```
#dd9658
```
#dd9658 rgb(221,150,88)
```
#e59550
```
#e59550 rgb(229,149,80)
```
#ed9448
```
#ed9448 rgb(237,148,72)
```
#f59440
```
#f59440 rgb(245,148,64)
```
#fc9339
```
#fc9339 rgb(252,147,57)
```

Tone Color Variation

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

#9d9d9d Achromatopsia 0.005% of the population
#a19c98 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a9a18d Protanopia 1% of men
#b89c8c Deuteranopia 1% of men
#b69aa5 Tritanopia 0.001% of the population

Trichromacy

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

#af9986 hex color

#af9986 Color Information

#af9986 Color Conversion

Color Schemes with #af9986

Alternatives to #af9986

#af9986 Preview

Shades and Tints of #af9986

Tones of #af9986

Color Blindness Simulator