#afa88e hex color

In a RGB color space, hex #afa88e is composed of 68.6% red, 65.9% green and 55.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 4% magenta, 18.9% yellow and 31.4% black. It has a hue angle of 47.3 degrees, a saturation of 17.1% and a lightness of 62.2%. #afa88e color hex could be obtained by blending #ffffff with #5f511d. Closest websafe color is: #999999.

♥
- f
- t
- g
- R 69
- G 66
- B 56
RGB color chart
- C 0
- M 4
- Y 19
- K 31
CMYK color chart

● #afa88e color description : Dark grayish yellow.

The hexadecimal color #afa88e has RGB values of R:175, G:168, B:142 and CMYK values of C:0, M:0.04, Y:0.19, K:0.31. Its decimal value is 11511950.

Hex triplet	afa88e	`#afa88e`
RGB Decimal	175, 168, 142	`rgb(175,168,142)`
RGB Percent	68.6, 65.9, 55.7	`rgb(68.6%,65.9%,55.7%)`
CMYK	0, 4, 19, 31
HSL	47.3°, 17.1, 62.2	`hsl(47.3,17.1%,62.2%)`
HSV (or HSB)	47.3°, 18.9, 68.6
Web Safe	999999	`#999999`

CIE-LAB	68.804, -1.892, 14.351
XYZ	36.564, 39.073, 31.205
xyY	0.342, 0.366, 39.073
CIE-LCH	68.804, 14.476, 97.511
CIE-LUV	68.804, 5.679, 20.228
Hunter-Lab	62.508, -4.977, 14.157
Binary	10101111, 10101000, 10001110

#afa88e
```
#afa88e rgb(175,168,142)
```
#8e95af
```
#8e95af rgb(142,149,175)
```

Complementary Color

#af988e
```
#af988e rgb(175,152,142)
```
#afa88e
```
#afa88e rgb(175,168,142)
```
#a6af8e
```
#a6af8e rgb(166,175,142)
```

Analogous Color

#988eaf
```
#988eaf rgb(152,142,175)
```
#afa88e
```
#afa88e rgb(175,168,142)
```
#8ea6af
```
#8ea6af rgb(142,166,175)
```

Split Complementary Color

#a88eaf
```
#a88eaf rgb(168,142,175)
```
#afa88e
```
#afa88e rgb(175,168,142)
```
#8eafa8
```
#8eafa8 rgb(142,175,168)
```

Triadic Color

#af8e95
```
#af8e95 rgb(175,142,149)
```
#afa88e
```
#afa88e rgb(175,168,142)
```
#8eafa8
```
#8eafa8 rgb(142,175,168)
```
#8e95af
```
#8e95af rgb(142,149,175)
```

Tetradic Color

#8d8464
```
#8d8464 rgb(141,132,100)
```
#9a9170
```
#9a9170 rgb(154,145,112)
```
#a49d7f
```
#a49d7f rgb(164,157,127)
```
#afa88e
```
#afa88e rgb(175,168,142)
```
#bab39d
```
#bab39d rgb(186,179,157)
```
#c4bfac
```
#c4bfac rgb(196,191,172)
```
#cfcabb
```
#cfcabb rgb(207,202,187)
```

Monochromatic Color

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

#afa08e
```
#afa08e rgb(175,160,142)
```
#afa38e
```
#afa38e rgb(175,163,142)
```
#afa58e
```
#afa58e rgb(175,165,142)
```
#afa88e
```
#afa88e rgb(175,168,142)
```
#afab8e
```
#afab8e rgb(175,171,142)
```
#afae8e
```
#afae8e rgb(175,174,142)
```
#aeaf8e
```
#aeaf8e rgb(174,175,142)
```

Similar Colors

Text with hexadecimal color #afa88e

This text has a font color of #afa88e.

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

#afa88e background color

This paragraph has a background color of #afa88e.

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

#afa88e border color

This element has a border color of #afa88e.

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

CSS codes

.text {color:#afa88e;}

.background {background-color:#afa88e;}

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

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

#020201
```
#020201 rgb(2,2,1)
```
#0d0d09
```
#0d0d09 rgb(13,13,9)
```
#191712
```
#191712 rgb(25,23,18)
```
#24221a
```
#24221a rgb(36,34,26)
```
#302d22
```
#302d22 rgb(48,45,34)
```
#3b382a
```
#3b382a rgb(59,56,42)
```
#474232
```
#474232 rgb(71,66,50)
```
#524d3a
```
#524d3a rgb(82,77,58)
```
#5e5842
```
#5e5842 rgb(94,88,66)
```
#69634a
```
#69634a rgb(105,99,74)
```
#756d53
```
#756d53 rgb(117,109,83)
```
#80785b
```
#80785b rgb(128,120,91)
```
#8c8363
```
#8c8363 rgb(140,131,99)
```

Shade Color Variation

#978d6c
```
#978d6c rgb(151,141,108)
```
#9f9677
```
#9f9677 rgb(159,150,119)
```
#a79f83
```
#a79f83 rgb(167,159,131)
```
#afa88e
```
#afa88e rgb(175,168,142)
```
#b7b199
```
#b7b199 rgb(183,177,153)
```
#bfbaa5
```
#bfbaa5 rgb(191,186,165)
```
#c7c3b0
```
#c7c3b0 rgb(199,195,176)
```
#d0cbbc
```
#d0cbbc rgb(208,203,188)
```
#d8d4c7
```
#d8d4c7 rgb(216,212,199)
```
#e0ddd3
```
#e0ddd3 rgb(224,221,211)
```
#e8e6de
```
#e8e6de rgb(232,230,222)
```
#f0efea
```
#f0efea rgb(240,239,234)
```
#f8f8f5
```
#f8f8f5 rgb(248,248,245)
```

Tint Color Variation

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

#a09f9d
```
#a09f9d rgb(160,159,157)
```
#a8a495
```
#a8a495 rgb(168,164,149)
```
#afa88e
```
#afa88e rgb(175,168,142)
```
#b6ac87
```
#b6ac87 rgb(182,172,135)
```
#beb17f
```
#beb17f rgb(190,177,127)
```
#c5b578
```
#c5b578 rgb(197,181,120)
```
#cdb970
```
#cdb970 rgb(205,185,112)
```
#d4bd69
```
#d4bd69 rgb(212,189,105)
```
#dcc261
```
#dcc261 rgb(220,194,97)
```
#e3c65a
```
#e3c65a rgb(227,198,90)
```
#eaca53
```
#eaca53 rgb(234,202,83)
```
#f2ce4b
```
#f2ce4b rgb(242,206,75)
```
#f9d344
```
#f9d344 rgb(249,211,68)
```

Tone Color Variation

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

Dichromacy

#b5ab93 Protanopia 1% of men
#c4a695 Deuteranopia 1% of men
#b8a7b3 Tritanopia 0.001% of the population

Trichromacy

#b2aa91 Protanomaly 1% of men, 0.01% of women
#bca692 Deuteranomaly 6% of men, 0.4% of women
#b4a7a6 Tritanomaly 0.01% of the population

#afa88e hex color

#afa88e Color Information

#afa88e Color Conversion

Color Schemes with #afa88e

Alternatives to #afa88e

#afa88e Preview

Shades and Tints of #afa88e

Tones of #afa88e

Color Blindness Simulator