#afaf9e hex color

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

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

● #afaf9e color description : Dark grayish yellow.

The hexadecimal color #afaf9e has RGB values of R:175, G:175, B:158 and CMYK values of C:0, M:0, Y:0.1, K:0.31. Its decimal value is 11513758.

Hex triplet	afaf9e	`#afaf9e`
RGB Decimal	175, 175, 158	`rgb(175,175,158)`
RGB Percent	68.6, 68.6, 62	`rgb(68.6%,68.6%,62%)`
CMYK	0, 0, 10, 31
HSL	60°, 9.6, 65.3	`hsl(60,9.6%,65.3%)`
HSV (or HSB)	60°, 9.7, 68.6
Web Safe	999999	`#999999`

CIE-LAB	71.038, -3.048, 8.718
XYZ	39.18, 42.243, 38.436
xyY	0.327, 0.352, 42.243
CIE-LCH	71.038, 9.236, 109.272
CIE-LUV	71.038, 0.933, 12.978
Hunter-Lab	64.994, -6.137, 10.434
Binary	10101111, 10101111, 10011110

#afaf9e
```
#afaf9e rgb(175,175,158)
```
#9e9eaf
```
#9e9eaf rgb(158,158,175)
```

Complementary Color

#afa79e
```
#afa79e rgb(175,167,158)
```
#afaf9e
```
#afaf9e rgb(175,175,158)
```
#a7af9e
```
#a7af9e rgb(167,175,158)
```

Analogous Color

#a79eaf
```
#a79eaf rgb(167,158,175)
```
#afaf9e
```
#afaf9e rgb(175,175,158)
```
#9ea7af
```
#9ea7af rgb(158,167,175)
```

Split Complementary Color

#af9eaf
```
#af9eaf rgb(175,158,175)
```
#afaf9e
```
#afaf9e rgb(175,175,158)
```
#9eafaf
```
#9eafaf rgb(158,175,175)
```

Triadic Color

#af9e9e
```
#af9e9e rgb(175,158,158)
```
#afaf9e
```
#afaf9e rgb(175,175,158)
```
#9eafaf
```
#9eafaf rgb(158,175,175)
```
#9e9eaf
```
#9e9eaf rgb(158,158,175)
```

Tetradic Color

#8c8c74
```
#8c8c74 rgb(140,140,116)
```
#989882
```
#989882 rgb(152,152,130)
```
#a3a390
```
#a3a390 rgb(163,163,144)
```
#afaf9e
```
#afaf9e rgb(175,175,158)
```
#bbbbac
```
#bbbbac rgb(187,187,172)
```
#c6c6ba
```
#c6c6ba rgb(198,198,186)
```
#d2d2c8
```
#d2d2c8 rgb(210,210,200)
```

Monochromatic Color

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

#afab9e
```
#afab9e rgb(175,171,158)
```
#afac9e
```
#afac9e rgb(175,172,158)
```
#afae9e
```
#afae9e rgb(175,174,158)
```
#afaf9e
```
#afaf9e rgb(175,175,158)
```
#aeaf9e
```
#aeaf9e rgb(174,175,158)
```
#acaf9e
```
#acaf9e rgb(172,175,158)
```
#abaf9e
```
#abaf9e rgb(171,175,158)
```

Similar Colors

Text with hexadecimal color #afaf9e

This text has a font color of #afaf9e.

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

#afaf9e background color

This paragraph has a background color of #afaf9e.

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

#afaf9e border color

This element has a border color of #afaf9e.

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

CSS codes

.text {color:#afaf9e;}

.background {background-color:#afaf9e;}

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

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, #0a0a09 is the darkest color, while #ffffff is the lightest one.

#0a0a09
```
#0a0a09 rgb(10,10,9)
```
#151512
```
#151512 rgb(21,21,18)
```
#20201a
```
#20201a rgb(32,32,26)
```
#2b2b23
```
#2b2b23 rgb(43,43,35)
```
#35352c
```
#35352c rgb(53,53,44)
```
#404035
```
#404035 rgb(64,64,53)
```
#4b4b3e
```
#4b4b3e rgb(75,75,62)
```
#565647
```
#565647 rgb(86,86,71)
```
#606050
```
#606050 rgb(96,96,80)
```
#6b6b58
```
#6b6b58 rgb(107,107,88)
```
#767661
```
#767661 rgb(118,118,97)
```
#81816a
```
#81816a rgb(129,129,106)
```
#8b8b73
```
#8b8b73 rgb(139,139,115)
```

Shade Color Variation

#94947e
```
#94947e rgb(148,148,126)
```
#9d9d89
```
#9d9d89 rgb(157,157,137)
```
#a6a693
```
#a6a693 rgb(166,166,147)
```
#afaf9e
```
#afaf9e rgb(175,175,158)
```
#b8b8a9
```
#b8b8a9 rgb(184,184,169)
```
#c1c1b3
```
#c1c1b3 rgb(193,193,179)
```
#cacabe
```
#cacabe rgb(202,202,190)
```
#d2d2c9
```
#d2d2c9 rgb(210,210,201)
```
#dbdbd4
```
#dbdbd4 rgb(219,219,212)
```
#e4e4de
```
#e4e4de rgb(228,228,222)
```
#edede9
```
#edede9 rgb(237,237,233)
```
#f6f6f4
```
#f6f6f4 rgb(246,246,244)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#a8a8a5
```
#a8a8a5 rgb(168,168,165)
```
#afaf9e
```
#afaf9e rgb(175,175,158)
```
#b6b697
```
#b6b697 rgb(182,182,151)
```
#bdbd90
```
#bdbd90 rgb(189,189,144)
```
#c3c38a
```
#c3c38a rgb(195,195,138)
```
#caca83
```
#caca83 rgb(202,202,131)
```
#d1d17c
```
#d1d17c rgb(209,209,124)
```
#d8d875
```
#d8d875 rgb(216,216,117)
```
#dfdf6e
```
#dfdf6e rgb(223,223,110)
```
#e5e568
```
#e5e568 rgb(229,229,104)
```
#ecec61
```
#ecec61 rgb(236,236,97)
```
#f3f35a
```
#f3f35a rgb(243,243,90)
```
#fafa53
```
#fafa53 rgb(250,250,83)
```

Tone Color Variation

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

#adadad Achromatopsia 0.005% of the population
#adadaa Atypical Achromatopsia 0.001% of the population

Dichromacy

#b8b1a2 Protanopia 1% of men
#c7aca5 Deuteranopia 1% of men
#b7afbb Tritanopia 0.001% of the population

Trichromacy

#b5b0a0 Protanomaly 1% of men, 0.01% of women
#beada2 Deuteranomaly 6% of men, 0.4% of women
#b4afb1 Tritanomaly 0.01% of the population

#afaf9e hex color

#afaf9e Color Information

#afaf9e Color Conversion

Color Schemes with #afaf9e

Alternatives to #afaf9e

#afaf9e Preview

Shades and Tints of #afaf9e

Tones of #afaf9e

Color Blindness Simulator