#afaf8b hex color

In a RGB color space, hex #afaf8b is composed of 68.6% red, 68.6% green and 54.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 0% magenta, 20.6% yellow and 31.4% black. It has a hue angle of 60 degrees, a saturation of 18.4% and a lightness of 61.6%. #afaf8b color hex could be obtained by blending #ffffff with #5f5f17. Closest websafe color is: #999999.

♥
- f
- t
- g
- R 69
- G 69
- B 55
RGB color chart
- C 0
- M 0
- Y 21
- K 31
CMYK color chart

● #afaf8b color description : Dark grayish yellow.

The hexadecimal color #afaf8b has RGB values of R:175, G:175, B:139 and CMYK values of C:0, M:0, Y:0.21, K:0.31. Its decimal value is 11513739.

Hex triplet	afaf8b	`#afaf8b`
RGB Decimal	175, 175, 139	`rgb(175,175,139)`
RGB Percent	68.6, 68.6, 54.5	`rgb(68.6%,68.6%,54.5%)`
CMYK	0, 0, 21, 31
HSL	60°, 18.4, 61.6	`hsl(60,18.4%,61.6%)`
HSV (or HSB)	60°, 20.6, 68.6
Web Safe	999999	`#999999`

CIE-LAB	70.621, -6.097, 18.518
XYZ	37.669, 41.638, 30.477
xyY	0.343, 0.379, 41.638
CIE-LCH	70.621, 19.496, 108.224
CIE-LUV	70.621, 1.91, 26.52
Hunter-Lab	64.528, -8.723, 17.166
Binary	10101111, 10101111, 10001011

#afaf8b
```
#afaf8b rgb(175,175,139)
```
#8b8baf
```
#8b8baf rgb(139,139,175)
```

Complementary Color

#af9d8b
```
#af9d8b rgb(175,157,139)
```
#afaf8b
```
#afaf8b rgb(175,175,139)
```
#9daf8b
```
#9daf8b rgb(157,175,139)
```

Analogous Color

#9d8baf
```
#9d8baf rgb(157,139,175)
```
#afaf8b
```
#afaf8b rgb(175,175,139)
```
#8b9daf
```
#8b9daf rgb(139,157,175)
```

Split Complementary Color

#af8baf
```
#af8baf rgb(175,139,175)
```
#afaf8b
```
#afaf8b rgb(175,175,139)
```
#8bafaf
```
#8bafaf rgb(139,175,175)
```

Triadic Color

#af8b8b
```
#af8b8b rgb(175,139,139)
```
#afaf8b
```
#afaf8b rgb(175,175,139)
```
#8bafaf
```
#8bafaf rgb(139,175,175)
```
#8b8baf
```
#8b8baf rgb(139,139,175)
```

Tetradic Color

#8d8d61
```
#8d8d61 rgb(141,141,97)
```
#9a9a6d
```
#9a9a6d rgb(154,154,109)
```
#a5a57c
```
#a5a57c rgb(165,165,124)
```
#afaf8b
```
#afaf8b rgb(175,175,139)
```
#b9b99a
```
#b9b99a rgb(185,185,154)
```
#c4c4a9
```
#c4c4a9 rgb(196,196,169)
```
#ceceb8
```
#ceceb8 rgb(206,206,184)
```

Monochromatic Color

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

#afa68b
```
#afa68b rgb(175,166,139)
```
#afa98b
```
#afa98b rgb(175,169,139)
```
#afac8b
```
#afac8b rgb(175,172,139)
```
#afaf8b
```
#afaf8b rgb(175,175,139)
```
#acaf8b
```
#acaf8b rgb(172,175,139)
```
#a9af8b
```
#a9af8b rgb(169,175,139)
```
#a6af8b
```
#a6af8b rgb(166,175,139)
```

Similar Colors

Text with hexadecimal color #afaf8b

This text has a font color of #afaf8b.

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

#afaf8b background color

This paragraph has a background color of #afaf8b.

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

#afaf8b border color

This element has a border color of #afaf8b.

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

CSS codes

.text {color:#afaf8b;}

.background {background-color:#afaf8b;}

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

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

#000000
```
#000000 rgb(0,0,0)
```
#0c0c08
```
#0c0c08 rgb(12,12,8)
```
#171710
```
#171710 rgb(23,23,16)
```
#232318
```
#232318 rgb(35,35,24)
```
#2f2f20
```
#2f2f20 rgb(47,47,32)
```
#3a3a28
```
#3a3a28 rgb(58,58,40)
```
#464630
```
#464630 rgb(70,70,48)
```
#515138
```
#515138 rgb(81,81,56)
```
#5d5d40
```
#5d5d40 rgb(93,93,64)
```
#696948
```
#696948 rgb(105,105,72)
```
#747450
```
#747450 rgb(116,116,80)
```
#808058
```
#808058 rgb(128,128,88)
```
#8b8b60
```
#8b8b60 rgb(139,139,96)
```

Shade Color Variation

#979768
```
#979768 rgb(151,151,104)
```
#9f9f74
```
#9f9f74 rgb(159,159,116)
```
#a7a77f
```
#a7a77f rgb(167,167,127)
```
#afaf8b
```
#afaf8b rgb(175,175,139)
```
#b7b797
```
#b7b797 rgb(183,183,151)
```
#bfbfa2
```
#bfbfa2 rgb(191,191,162)
```
#c7c7ae
```
#c7c7ae rgb(199,199,174)
```
#cfcfb9
```
#cfcfb9 rgb(207,207,185)
```
#d7d7c5
```
#d7d7c5 rgb(215,215,197)
```
#dfdfd1
```
#dfdfd1 rgb(223,223,209)
```
#e7e7dc
```
#e7e7dc rgb(231,231,220)
```
#efefe8
```
#efefe8 rgb(239,239,232)
```
#f7f7f3
```
#f7f7f3 rgb(247,247,243)
```

Tint Color Variation

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

#a0a09a
```
#a0a09a rgb(160,160,154)
```
#a7a793
```
#a7a793 rgb(167,167,147)
```
#afaf8b
```
#afaf8b rgb(175,175,139)
```
#b7b783
```
#b7b783 rgb(183,183,131)
```
#bebe7c
```
#bebe7c rgb(190,190,124)
```
#c6c674
```
#c6c674 rgb(198,198,116)
```
#cdcd6d
```
#cdcd6d rgb(205,205,109)
```
#d5d565
```
#d5d565 rgb(213,213,101)
```
#dcdc5e
```
#dcdc5e rgb(220,220,94)
```
#e4e456
```
#e4e456 rgb(228,228,86)
```
#ebeb4f
```
#ebeb4f rgb(235,235,79)
```
#f3f347
```
#f3f347 rgb(243,243,71)
```
#fafa40
```
#fafa40 rgb(250,250,64)
```

Tone Color Variation

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

#ababab Achromatopsia 0.005% of the population
#acaca5 Atypical Achromatopsia 0.001% of the population

Dichromacy

#bbb08f Protanopia 1% of men
#cbaa93 Deuteranopia 1% of men
#b9adb9 Tritanopia 0.001% of the population

Trichromacy

#b6b08e Protanomaly 1% of men, 0.01% of women
#c1ac90 Deuteranomaly 6% of men, 0.4% of women
#b5aea8 Tritanomaly 0.01% of the population

#afaf8b hex color

#afaf8b Color Information

#afaf8b Color Conversion

Color Schemes with #afaf8b

Alternatives to #afaf8b

#afaf8b Preview

Shades and Tints of #afaf8b

Tones of #afaf8b

Color Blindness Simulator