colorhexa.com

#afa99f hex color

In a RGB color space, hex #afa99f is composed of 68.6% red, 66.3% green and 62.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 3.4% magenta, 9.1% yellow and 31.4% black. It has a hue angle of 37.5 degrees, a saturation of 9.1% and a lightness of 65.5%. #afa99f color hex could be obtained by blending #ffffff with #5f533f. Closest websafe color is: #999999.

- R 69
- G 66
- B 62
RGB color chart
- C 0
- M 3
- Y 9
- K 31
CMYK color chart

● #afa99f color description : Dark grayish orange.

The hexadecimal color #afa99f has RGB values of R:175, G:169, B:159 and CMYK values of C:0, M:0.03, Y:0.09, K:0.31. Its decimal value is 11512223.

Hex triplet	afa99f	`#afa99f`
RGB Decimal	175, 169, 159	`rgb(175,169,159)`
RGB Percent	68.6, 66.3, 62.4	`rgb(68.6%,66.3%,62.4%)`
CMYK	0, 3, 9, 31
HSL	37.5°, 9.1, 65.5	`hsl(37.5,9.1%,65.5%)`
HSV (or HSB)	37.5°, 9.1, 68.6
Web Safe	999999	`#999999`

CIE-LAB	69.465, 0.36, 5.914
XYZ	38.124, 39.993, 38.51
xyY	0.327, 0.343, 39.993
CIE-LCH	69.465, 5.925, 86.514
CIE-LUV	69.465, 4.091, 8.416
Hunter-Lab	63.24, -3.063, 8.164
Binary	10101111, 10101001, 10011111

#afa99f
```
#afa99f rgb(175,169,159)
```
#9fa5af
```
#9fa5af rgb(159,165,175)
```

Complementary Color

#afa19f
```
#afa19f rgb(175,161,159)
```
#afa99f
```
#afa99f rgb(175,169,159)
```
#adaf9f
```
#adaf9f rgb(173,175,159)
```

Analogous Color

#a19faf
```
#a19faf rgb(161,159,175)
```
#afa99f
```
#afa99f rgb(175,169,159)
```
#9fadaf
```
#9fadaf rgb(159,173,175)
```

Split Complementary Color

#a99faf
```
#a99faf rgb(169,159,175)
```
#afa99f
```
#afa99f rgb(175,169,159)
```
#9fafa9
```
#9fafa9 rgb(159,175,169)
```

Triadic Color

#af9fa5
```
#af9fa5 rgb(175,159,165)
```
#afa99f
```
#afa99f rgb(175,169,159)
```
#9fafa9
```
#9fafa9 rgb(159,175,169)
```
#9fa5af
```
#9fa5af rgb(159,165,175)
```

Tetradic Color

#8c8475
```
#8c8475 rgb(140,132,117)
```
#989083
```
#989083 rgb(152,144,131)
```
#a39d91
```
#a39d91 rgb(163,157,145)
```
#afa99f
```
#afa99f rgb(175,169,159)
```
#bbb5ad
```
#bbb5ad rgb(187,181,173)
```
#c6c2bb
```
#c6c2bb rgb(198,194,187)
```
#d2cec9
```
#d2cec9 rgb(210,206,201)
```

Monochromatic Color

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

#afa59f
```
#afa59f rgb(175,165,159)
```
#afa69f
```
#afa69f rgb(175,166,159)
```
#afa89f
```
#afa89f rgb(175,168,159)
```
#afa99f
```
#afa99f rgb(175,169,159)
```
#afaa9f
```
#afaa9f rgb(175,170,159)
```
#afac9f
```
#afac9f rgb(175,172,159)
```
#afad9f
```
#afad9f rgb(175,173,159)
```

Similar Colors

Text with hexadecimal color #afa99f

This text has a font color of #afa99f.

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

#afa99f background color

This paragraph has a background color of #afa99f.

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

#afa99f border color

This element has a border color of #afa99f.

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

CSS codes

.text {color:#afa99f;}

.background {background-color:#afa99f;}

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

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 #f6f6f5 is the lightest one.

#000000
```
#000000 rgb(0,0,0)
```
#0b0a09
```
#0b0a09 rgb(11,10,9)
```
#161412
```
#161412 rgb(22,20,18)
```
#201e1b
```
#201e1b rgb(32,30,27)
```
#2b2824
```
#2b2824 rgb(43,40,36)
```
#36322d
```
#36322d rgb(54,50,45)
```
#403c36
```
#403c36 rgb(64,60,54)
```
#4b463f
```
#4b463f rgb(75,70,63)
```
#565148
```
#565148 rgb(86,81,72)
```
#615b50
```
#615b50 rgb(97,91,80)
```
#6b6559
```
#6b6559 rgb(107,101,89)
```
#766f62
```
#766f62 rgb(118,111,98)
```
#81796b
```
#81796b rgb(129,121,107)
```

Shade Color Variation

#8b8374
```
#8b8374 rgb(139,131,116)
```
#948c7f
```
#948c7f rgb(148,140,127)
```
#9d968a
```
#9d968a rgb(157,150,138)
```
#a69f94
```
#a69f94 rgb(166,159,148)
```
#afa99f
```
#afa99f rgb(175,169,159)
```
#b8b3aa
```
#b8b3aa rgb(184,179,170)
```
#c1bcb4
```
#c1bcb4 rgb(193,188,180)
```
#cac6bf
```
#cac6bf rgb(202,198,191)
```
#d3cfca
```
#d3cfca rgb(211,207,202)
```
#dcd9d4
```
#dcd9d4 rgb(220,217,212)
```
#e4e3df
```
#e4e3df rgb(228,227,223)
```
#edecea
```
#edecea rgb(237,236,234)
```
#f6f6f5
```
#f6f6f5 rgb(246,246,245)
```

Tint Color Variation

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

#a8a7a6
```
#a8a7a6 rgb(168,167,166)
```
#afa99f
```
#afa99f rgb(175,169,159)
```
#b6ab98
```
#b6ab98 rgb(182,171,152)
```
#bdac91
```
#bdac91 rgb(189,172,145)
```
#c3ae8b
```
#c3ae8b rgb(195,174,139)
```
#cab084
```
#cab084 rgb(202,176,132)
```
#d1b17d
```
#d1b17d rgb(209,177,125)
```
#d8b376
```
#d8b376 rgb(216,179,118)
```
#deb570
```
#deb570 rgb(222,181,112)
```
#e5b769
```
#e5b769 rgb(229,183,105)
```
#ecb862
```
#ecb862 rgb(236,184,98)
```
#f3ba5b
```
#f3ba5b rgb(243,186,91)
```
#f9bc55
```
#f9bc55 rgb(249,188,85)
```

Tone Color Variation

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

Dichromacy

#b3ada3 Protanopia 1% of men
#c1a8a5 Deuteranopia 1% of men
#b6aab6 Tritanopia 0.001% of the population

Trichromacy

#b1aba2 Protanomaly 1% of men, 0.01% of women
#baa8a3 Deuteranomaly 6% of men, 0.4% of women
#b3aaae Tritanomaly 0.01% of the population