#afa986 hex color

In a RGB color space, hex #afa986 is composed of 68.6% red, 66.3% green and 52.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 3.4% magenta, 23.4% yellow and 31.4% black. It has a hue angle of 51.2 degrees, a saturation of 20.4% and a lightness of 60.6%. #afa986 color hex could be obtained by blending #ffffff with #5f530d. Closest websafe color is: #999999.

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

● #afa986 color description : Dark grayish yellow.

The hexadecimal color #afa986 has RGB values of R:175, G:169, B:134 and CMYK values of C:0, M:0.03, Y:0.23, K:0.31. Its decimal value is 11512198.

Hex triplet	afa986	`#afa986`
RGB Decimal	175, 169, 134	`rgb(175,169,134)`
RGB Percent	68.6, 66.3, 52.5	`rgb(68.6%,66.3%,52.5%)`
CMYK	0, 3, 23, 31
HSL	51.2°, 20.4, 60.6	`hsl(51.2,20.4%,60.6%)`
HSV (or HSB)	51.2°, 23.4, 68.6
Web Safe	999999	`#999999`

CIE-LAB	68.904, -3.636, 18.877
XYZ	36.17, 39.212, 28.216
xyY	0.349, 0.378, 39.212
CIE-LCH	68.904, 19.224, 100.902
CIE-LUV	68.904, 5.574, 26.352
Hunter-Lab	62.619, -6.48, 17.117
Binary	10101111, 10101001, 10000110

#afa986
```
#afa986 rgb(175,169,134)
```
#868caf
```
#868caf rgb(134,140,175)
```

Complementary Color

#af9586
```
#af9586 rgb(175,149,134)
```
#afa986
```
#afa986 rgb(175,169,134)
```
#a1af86
```
#a1af86 rgb(161,175,134)
```

Analogous Color

#9586af
```
#9586af rgb(149,134,175)
```
#afa986
```
#afa986 rgb(175,169,134)
```
#86a1af
```
#86a1af rgb(134,161,175)
```

Split Complementary Color

#a986af
```
#a986af rgb(169,134,175)
```
#afa986
```
#afa986 rgb(175,169,134)
```
#86afa9
```
#86afa9 rgb(134,175,169)
```

Triadic Color

#af868c
```
#af868c rgb(175,134,140)
```
#afa986
```
#afa986 rgb(175,169,134)
```
#86afa9
```
#86afa9 rgb(134,175,169)
```
#868caf
```
#868caf rgb(134,140,175)
```

Tetradic Color

#8c855d
```
#8c855d rgb(140,133,93)
```
#9b9367
```
#9b9367 rgb(155,147,103)
```
#a59e77
```
#a59e77 rgb(165,158,119)
```
#afa986
```
#afa986 rgb(175,169,134)
```
#b9b495
```
#b9b495 rgb(185,180,149)
```
#c3bfa5
```
#c3bfa5 rgb(195,191,165)
```
#cdcab4
```
#cdcab4 rgb(205,202,180)
```

Monochromatic Color

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

#af9f86
```
#af9f86 rgb(175,159,134)
```
#afa286
```
#afa286 rgb(175,162,134)
```
#afa686
```
#afa686 rgb(175,166,134)
```
#afa986
```
#afa986 rgb(175,169,134)
```
#afac86
```
#afac86 rgb(175,172,134)
```
#aeaf86
```
#aeaf86 rgb(174,175,134)
```
#abaf86
```
#abaf86 rgb(171,175,134)
```

Similar Colors

Text with hexadecimal color #afa986

This text has a font color of #afa986.

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

#afa986 background color

This paragraph has a background color of #afa986.

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

#afa986 border color

This element has a border color of #afa986.

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

CSS codes

.text {color:#afa986;}

.background {background-color:#afa986;}

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

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 #fdfdfc is the lightest one.

#090806
```
#090806 rgb(9,8,6)
```
#15140e
```
#15140e rgb(21,20,14)
```
#211f15
```
#211f15 rgb(33,31,21)
```
#2c2a1d
```
#2c2a1d rgb(44,42,29)
```
#383525
```
#383525 rgb(56,53,37)
```
#44412d
```
#44412d rgb(68,65,45)
```
#504c35
```
#504c35 rgb(80,76,53)
```
#5c573d
```
#5c573d rgb(92,87,61)
```
#676244
```
#676244 rgb(103,98,68)
```
#736d4c
```
#736d4c rgb(115,109,76)
```
#7f7954
```
#7f7954 rgb(127,121,84)
```
#8b845c
```
#8b845c rgb(139,132,92)
```
#978f64
```
#978f64 rgb(151,143,100)
```

Shade Color Variation

#9f986e
```
#9f986e rgb(159,152,110)
```
#a7a17a
```
#a7a17a rgb(167,161,122)
```
#afa986
```
#afa986 rgb(175,169,134)
```
#b7b192
```
#b7b192 rgb(183,177,146)
```
#bfba9e
```
#bfba9e rgb(191,186,158)
```
#c6c2a9
```
#c6c2a9 rgb(198,194,169)
```
#cecbb5
```
#cecbb5 rgb(206,203,181)
```
#d6d3c1
```
#d6d3c1 rgb(214,211,193)
```
#dedbcd
```
#dedbcd rgb(222,219,205)
```
#e6e4d9
```
#e6e4d9 rgb(230,228,217)
```
#edece4
```
#edece4 rgb(237,236,228)
```
#f5f5f0
```
#f5f5f0 rgb(245,245,240)
```
#fdfdfc
```
#fdfdfc rgb(253,253,252)
```

Tint Color Variation

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

#a09e95
```
#a09e95 rgb(160,158,149)
```
#a7a48e
```
#a7a48e rgb(167,164,142)
```
#afa986
```
#afa986 rgb(175,169,134)
```
#b7ae7e
```
#b7ae7e rgb(183,174,126)
```
#beb477
```
#beb477 rgb(190,180,119)
```
#c6b96f
```
#c6b96f rgb(198,185,111)
```
#cebf67
```
#cebf67 rgb(206,191,103)
```
#d6c45f
```
#d6c45f rgb(214,196,95)
```
#ddca58
```
#ddca58 rgb(221,202,88)
```
#e5cf50
```
#e5cf50 rgb(229,207,80)
```
#edd548
```
#edd548 rgb(237,213,72)
```
#f5da40
```
#f5da40 rgb(245,218,64)
```
#fce039
```
#fce039 rgb(252,224,57)
```

Tone Color Variation

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

#a7a7a7 Achromatopsia 0.005% of the population
#a9a7a0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b7ac8b Protanopia 1% of men
#c7a68e Deuteranopia 1% of men
#b8a7b3 Tritanopia 0.001% of the population

Trichromacy

#b4ab89 Protanomaly 1% of men, 0.01% of women
#bea78b Deuteranomaly 6% of men, 0.4% of women
#b5a8a3 Tritanomaly 0.01% of the population

#afa986 hex color

#afa986 Color Information

#afa986 Color Conversion

Color Schemes with #afa986

Alternatives to #afa986

#afa986 Preview

Shades and Tints of #afa986

Tones of #afa986

Color Blindness Simulator