#afae86 hex color

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

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

● #afae86 color description : Dark grayish yellow.

The hexadecimal color #afae86 has RGB values of R:175, G:174, B:134 and CMYK values of C:0, M:0.01, Y:0.23, K:0.31. Its decimal value is 11513478.

Hex triplet	afae86	`#afae86`
RGB Decimal	175, 174, 134	`rgb(175,174,134)`
RGB Percent	68.6, 68.2, 52.5	`rgb(68.6%,68.2%,52.5%)`
CMYK	0, 1, 23, 31
HSL	58.5°, 20.4, 60.6	`hsl(58.5,20.4%,60.6%)`
HSV (or HSB)	58.5°, 23.4, 68.6
Web Safe	999999	`#999999`

CIE-LAB	70.251, -6.304, 20.725
XYZ	37.118, 41.108, 28.532
xyY	0.348, 0.385, 41.108
CIE-LCH	70.251, 21.663, 106.917
CIE-LUV	70.251, 2.72, 29.293
Hunter-Lab	64.115, -8.864, 18.496
Binary	10101111, 10101110, 10000110

#afae86
```
#afae86 rgb(175,174,134)
```
#8687af
```
#8687af rgb(134,135,175)
```

Complementary Color

#af9a86
```
#af9a86 rgb(175,154,134)
```
#afae86
```
#afae86 rgb(175,174,134)
```
#9caf86
```
#9caf86 rgb(156,175,134)
```

Analogous Color

#9a86af
```
#9a86af rgb(154,134,175)
```
#afae86
```
#afae86 rgb(175,174,134)
```
#869caf
```
#869caf rgb(134,156,175)
```

Split Complementary Color

#ae86af
```
#ae86af rgb(174,134,175)
```
#afae86
```
#afae86 rgb(175,174,134)
```
#86afae
```
#86afae rgb(134,175,174)
```

Triadic Color

#af8687
```
#af8687 rgb(175,134,135)
```
#afae86
```
#afae86 rgb(175,174,134)
```
#86afae
```
#86afae rgb(134,175,174)
```
#8687af
```
#8687af rgb(134,135,175)
```

Tetradic Color

#8c8b5d
```
#8c8b5d rgb(140,139,93)
```
#9b9967
```
#9b9967 rgb(155,153,103)
```
#a5a477
```
#a5a477 rgb(165,164,119)
```
#afae86
```
#afae86 rgb(175,174,134)
```
#b9b895
```
#b9b895 rgb(185,184,149)
```
#c3c3a5
```
#c3c3a5 rgb(195,195,165)
```
#cdcdb4
```
#cdcdb4 rgb(205,205,180)
```

Monochromatic Color

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

#afa486
```
#afa486 rgb(175,164,134)
```
#afa786
```
#afa786 rgb(175,167,134)
```
#afab86
```
#afab86 rgb(175,171,134)
```
#afae86
```
#afae86 rgb(175,174,134)
```
#adaf86
```
#adaf86 rgb(173,175,134)
```
#a9af86
```
#a9af86 rgb(169,175,134)
```
#a6af86
```
#a6af86 rgb(166,175,134)
```

Similar Colors

Text with hexadecimal color #afae86

This text has a font color of #afae86.

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

#afae86 background color

This paragraph has a background color of #afae86.

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

#afae86 border color

This element has a border color of #afae86.

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

CSS codes

.text {color:#afae86;}

.background {background-color:#afae86;}

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

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)
```
#15150e
```
#15150e rgb(21,21,14)
```
#212015
```
#212015 rgb(33,32,21)
```
#2c2c1d
```
#2c2c1d rgb(44,44,29)
```
#383825
```
#383825 rgb(56,56,37)
```
#44432d
```
#44432d rgb(68,67,45)
```
#504f35
```
#504f35 rgb(80,79,53)
```
#5c5b3d
```
#5c5b3d rgb(92,91,61)
```
#676744
```
#676744 rgb(103,103,68)
```
#73724c
```
#73724c rgb(115,114,76)
```
#7f7e54
```
#7f7e54 rgb(127,126,84)
```
#8b8a5c
```
#8b8a5c rgb(139,138,92)
```
#979564
```
#979564 rgb(151,149,100)
```

Shade Color Variation

#9f9e6e
```
#9f9e6e rgb(159,158,110)
```
#a7a67a
```
#a7a67a rgb(167,166,122)
```
#afae86
```
#afae86 rgb(175,174,134)
```
#b7b692
```
#b7b692 rgb(183,182,146)
```
#bfbe9e
```
#bfbe9e rgb(191,190,158)
```
#c6c6a9
```
#c6c6a9 rgb(198,198,169)
```
#ceceb5
```
#ceceb5 rgb(206,206,181)
```
#d6d6c1
```
#d6d6c1 rgb(214,214,193)
```
#deddcd
```
#deddcd rgb(222,221,205)
```
#e6e5d9
```
#e6e5d9 rgb(230,229,217)
```
#edede4
```
#edede4 rgb(237,237,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, #a09f95 is the less saturated color, while #fcf839 is the most saturated one.

#a09f95
```
#a09f95 rgb(160,159,149)
```
#a7a78e
```
#a7a78e rgb(167,167,142)
```
#afae86
```
#afae86 rgb(175,174,134)
```
#b7b57e
```
#b7b57e rgb(183,181,126)
```
#bebd77
```
#bebd77 rgb(190,189,119)
```
#c6c46f
```
#c6c46f rgb(198,196,111)
```
#cecb67
```
#cecb67 rgb(206,203,103)
```
#d6d35f
```
#d6d35f rgb(214,211,95)
```
#ddda58
```
#ddda58 rgb(221,218,88)
```
#e5e150
```
#e5e150 rgb(229,225,80)
```
#ede948
```
#ede948 rgb(237,233,72)
```
#f5f040
```
#f5f040 rgb(245,240,64)
```
#fcf839
```
#fcf839 rgb(252,248,57)
```

Tone Color Variation

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

#aaaaaa Achromatopsia 0.005% of the population
#ababa3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#bbaf8b Protanopia 1% of men
#cba98e Deuteranopia 1% of men
#b9acb8 Tritanopia 0.001% of the population

Trichromacy

#b6af89 Protanomaly 1% of men, 0.01% of women
#c1ab8b Deuteranomaly 6% of men, 0.4% of women
#b5aca6 Tritanomaly 0.01% of the population

#afae86 hex color

#afae86 Color Information

#afae86 Color Conversion

Color Schemes with #afae86

Alternatives to #afae86

#afae86 Preview

Shades and Tints of #afae86

Tones of #afae86

Color Blindness Simulator