colorhexa.com

#afaa86 hex color

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

- R 69
- G 67
- B 53
RGB color chart
- C 0
- M 3
- Y 23
- K 31
CMYK color chart

● #afaa86 color description : Dark grayish yellow.

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

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

CIE-LAB	69.173, -4.172, 19.247
XYZ	36.356, 39.585, 28.278
xyY	0.349, 0.38, 39.585
CIE-LCH	69.173, 19.694, 102.229
CIE-LUV	69.173, 5.001, 26.941
Hunter-Lab	62.917, -6.958, 17.393
Binary	10101111, 10101010, 10000110

#afaa86
```
#afaa86 rgb(175,170,134)
```
#868baf
```
#868baf rgb(134,139,175)
```

Complementary Color

#af9686
```
#af9686 rgb(175,150,134)
```
#afaa86
```
#afaa86 rgb(175,170,134)
```
#a0af86
```
#a0af86 rgb(160,175,134)
```

Analogous Color

#9686af
```
#9686af rgb(150,134,175)
```
#afaa86
```
#afaa86 rgb(175,170,134)
```
#86a0af
```
#86a0af rgb(134,160,175)
```

Split Complementary Color

#aa86af
```
#aa86af rgb(170,134,175)
```
#afaa86
```
#afaa86 rgb(175,170,134)
```
#86afaa
```
#86afaa rgb(134,175,170)
```

Triadic Color

#af868b
```
#af868b rgb(175,134,139)
```
#afaa86
```
#afaa86 rgb(175,170,134)
```
#86afaa
```
#86afaa rgb(134,175,170)
```
#868baf
```
#868baf rgb(134,139,175)
```

Tetradic Color

#8c865d
```
#8c865d rgb(140,134,93)
```
#9b9467
```
#9b9467 rgb(155,148,103)
```
#a59f77
```
#a59f77 rgb(165,159,119)
```
#afaa86
```
#afaa86 rgb(175,170,134)
```
#b9b595
```
#b9b595 rgb(185,181,149)
```
#c3c0a5
```
#c3c0a5 rgb(195,192,165)
```
#cdcab4
```
#cdcab4 rgb(205,202,180)
```

Monochromatic Color

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

#afa086
```
#afa086 rgb(175,160,134)
```
#afa386
```
#afa386 rgb(175,163,134)
```
#afa786
```
#afa786 rgb(175,167,134)
```
#afaa86
```
#afaa86 rgb(175,170,134)
```
#afad86
```
#afad86 rgb(175,173,134)
```
#adaf86
```
#adaf86 rgb(173,175,134)
```
#aaaf86
```
#aaaf86 rgb(170,175,134)
```

Similar Colors

Text with hexadecimal color #afaa86

This text has a font color of #afaa86.

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

#afaa86 background color

This paragraph has a background color of #afaa86.

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

#afaa86 border color

This element has a border color of #afaa86.

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

CSS codes

.text {color:#afaa86;}

.background {background-color:#afaa86;}

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

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

#090906
```
#090906 rgb(9,9,6)
```
#15140e
```
#15140e rgb(21,20,14)
```
#211f15
```
#211f15 rgb(33,31,21)
```
#2c2a1d
```
#2c2a1d rgb(44,42,29)
```
#383625
```
#383625 rgb(56,54,37)
```
#44412d
```
#44412d rgb(68,65,45)
```
#504c35
```
#504c35 rgb(80,76,53)
```
#5c583d
```
#5c583d rgb(92,88,61)
```
#676344
```
#676344 rgb(103,99,68)
```
#736e4c
```
#736e4c rgb(115,110,76)
```
#7f7a54
```
#7f7a54 rgb(127,122,84)
```
#8b855c
```
#8b855c rgb(139,133,92)
```
#979064
```
#979064 rgb(151,144,100)
```

Shade Color Variation

#9f996e
```
#9f996e rgb(159,153,110)
```
#a7a27a
```
#a7a27a rgb(167,162,122)
```
#afaa86
```
#afaa86 rgb(175,170,134)
```
#b7b292
```
#b7b292 rgb(183,178,146)
```
#bfbb9e
```
#bfbb9e rgb(191,187,158)
```
#c6c3a9
```
#c6c3a9 rgb(198,195,169)
```
#cecbb5
```
#cecbb5 rgb(206,203,181)
```
#d6d3c1
```
#d6d3c1 rgb(214,211,193)
```
#dedccd
```
#dedccd rgb(222,220,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 #fce439 is the most saturated one.

#a09e95
```
#a09e95 rgb(160,158,149)
```
#a7a48e
```
#a7a48e rgb(167,164,142)
```
#afaa86
```
#afaa86 rgb(175,170,134)
```
#b7b07e
```
#b7b07e rgb(183,176,126)
```
#beb677
```
#beb677 rgb(190,182,119)
```
#c6bc6f
```
#c6bc6f rgb(198,188,111)
```
#cec167
```
#cec167 rgb(206,193,103)
```
#d6c75f
```
#d6c75f rgb(214,199,95)
```
#ddcd58
```
#ddcd58 rgb(221,205,88)
```
#e5d350
```
#e5d350 rgb(229,211,80)
```
#edd948
```
#edd948 rgb(237,217,72)
```
#f5df40
```
#f5df40 rgb(245,223,64)
```
#fce439
```
#fce439 rgb(252,228,57)
```

Tone Color Variation

Below, you can see how #afaa86 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
#a9a8a0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b7ac8b Protanopia 1% of men
#c8a68e Deuteranopia 1% of men
#b9a8b4 Tritanopia 0.001% of the population

Trichromacy

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