#af988f hex color

In a RGB color space, hex #af988f is composed of 68.6% red, 59.6% green and 56.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 13.1% magenta, 18.3% yellow and 31.4% black. It has a hue angle of 16.9 degrees, a saturation of 16.7% and a lightness of 62.4%. #af988f color hex could be obtained by blending #ffffff with #5f311f. Closest websafe color is: #999999.

♥
- f
- t
- g
- R 69
- G 60
- B 56
RGB color chart
- C 0
- M 13
- Y 18
- K 31
CMYK color chart

● #af988f color description : Dark grayish orange.

The hexadecimal color #af988f has RGB values of R:175, G:152, B:143 and CMYK values of C:0, M:0.13, Y:0.18, K:0.31. Its decimal value is 11507855.

Hex triplet	af988f	`#af988f`
RGB Decimal	175, 152, 143	`rgb(175,152,143)`
RGB Percent	68.6, 59.6, 56.1	`rgb(68.6%,59.6%,56.1%)`
CMYK	0, 13, 18, 31
HSL	16.9°, 16.7, 62.4	`hsl(16.9,16.7%,62.4%)`
HSV (or HSB)	16.9°, 18.3, 68.6
Web Safe	999999	`#999999`

CIE-LAB	64.607, 7.02, 7.863
XYZ	33.865, 33.554, 30.678
xyY	0.345, 0.342, 33.554
CIE-LCH	64.607, 10.541, 48.243
CIE-LUV	64.607, 14.651, 9.752
Hunter-Lab	57.926, 2.984, 9.148
Binary	10101111, 10011000, 10001111

#af988f
```
#af988f rgb(175,152,143)
```
#8fa6af
```
#8fa6af rgb(143,166,175)
```

Complementary Color

#af8f96
```
#af8f96 rgb(175,143,150)
```
#af988f
```
#af988f rgb(175,152,143)
```
#afa88f
```
#afa88f rgb(175,168,143)
```

Analogous Color

#8f96af
```
#8f96af rgb(143,150,175)
```
#af988f
```
#af988f rgb(175,152,143)
```
#8fafa8
```
#8fafa8 rgb(143,175,168)
```

Split Complementary Color

#988faf
```
#988faf rgb(152,143,175)
```
#af988f
```
#af988f rgb(175,152,143)
```
#8faf98
```
#8faf98 rgb(143,175,152)
```

Triadic Color

#af8fa6
```
#af8fa6 rgb(175,143,166)
```
#af988f
```
#af988f rgb(175,152,143)
```
#8faf98
```
#8faf98 rgb(143,175,152)
```
#8fa6af
```
#8fa6af rgb(143,166,175)
```

Tetradic Color

#8d7065
```
#8d7065 rgb(141,112,101)
```
#9a7d71
```
#9a7d71 rgb(154,125,113)
```
#a48a80
```
#a48a80 rgb(164,138,128)
```
#af988f
```
#af988f rgb(175,152,143)
```
#baa69e
```
#baa69e rgb(186,166,158)
```
#c4b3ad
```
#c4b3ad rgb(196,179,173)
```
#cfc1bc
```
#cfc1bc rgb(207,193,188)
```

Monochromatic Color

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

#af908f
```
#af908f rgb(175,144,143)
```
#af938f
```
#af938f rgb(175,147,143)
```
#af958f
```
#af958f rgb(175,149,143)
```
#af988f
```
#af988f rgb(175,152,143)
```
#af9b8f
```
#af9b8f rgb(175,155,143)
```
#af9d8f
```
#af9d8f rgb(175,157,143)
```
#afa08f
```
#afa08f rgb(175,160,143)
```

Similar Colors

Text with hexadecimal color #af988f

This text has a font color of #af988f.

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

#af988f background color

This paragraph has a background color of #af988f.

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

#af988f border color

This element has a border color of #af988f.

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

CSS codes

.text {color:#af988f;}

.background {background-color:#af988f;}

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

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

#020202
```
#020202 rgb(2,2,2)
```
#0e0b0a
```
#0e0b0a rgb(14,11,10)
```
#191412
```
#191412 rgb(25,20,18)
```
#251d1a
```
#251d1a rgb(37,29,26)
```
#302622
```
#302622 rgb(48,38,34)
```
#3c2f2b
```
#3c2f2b rgb(60,47,43)
```
#473833
```
#473833 rgb(71,56,51)
```
#53423b
```
#53423b rgb(83,66,59)
```
#5e4b43
```
#5e4b43 rgb(94,75,67)
```
#69544b
```
#69544b rgb(105,84,75)
```
#755d53
```
#755d53 rgb(117,93,83)
```
#80665c
```
#80665c rgb(128,102,92)
```
#8c6f64
```
#8c6f64 rgb(140,111,100)
```

Shade Color Variation

#96786d
```
#96786d rgb(150,120,109)
```
#9f8378
```
#9f8378 rgb(159,131,120)
```
#a78d84
```
#a78d84 rgb(167,141,132)
```
#af988f
```
#af988f rgb(175,152,143)
```
#b7a39a
```
#b7a39a rgb(183,163,154)
```
#bfada6
```
#bfada6 rgb(191,173,166)
```
#c8b8b1
```
#c8b8b1 rgb(200,184,177)
```
#d0c2bd
```
#d0c2bd rgb(208,194,189)
```
#d8cdc8
```
#d8cdc8 rgb(216,205,200)
```
#e0d7d4
```
#e0d7d4 rgb(224,215,212)
```
#e8e2df
```
#e8e2df rgb(232,226,223)
```
#f0eceb
```
#f0eceb rgb(240,236,235)
```
#f9f7f6
```
#f9f7f6 rgb(249,247,246)
```

Tint Color Variation

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

#a09e9e
```
#a09e9e rgb(160,158,158)
```
#a89b96
```
#a89b96 rgb(168,155,150)
```
#af988f
```
#af988f rgb(175,152,143)
```
#b69588
```
#b69588 rgb(182,149,136)
```
#be9280
```
#be9280 rgb(190,146,128)
```
#c58e79
```
#c58e79 rgb(197,142,121)
```
#cd8b71
```
#cd8b71 rgb(205,139,113)
```
#d4886a
```
#d4886a rgb(212,136,106)
```
#db8563
```
#db8563 rgb(219,133,99)
```
#e3815b
```
#e3815b rgb(227,129,91)
```
#ea7e54
```
#ea7e54 rgb(234,126,84)
```
#f17b4d
```
#f17b4d rgb(241,123,77)
```
#f97845
```
#f97845 rgb(249,120,69)
```

Tone Color Variation

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

#9e9e9e Achromatopsia 0.005% of the population
#a19d9b Atypical Achromatopsia 0.001% of the population

Dichromacy

#a7a196 Protanopia 1% of men
#b59c95 Deuteranopia 1% of men
#b59aa5 Tritanopia 0.001% of the population

Trichromacy

#aa9d93 Protanomaly 1% of men, 0.01% of women
#b39a92 Deuteranomaly 6% of men, 0.4% of women
#b3999d Tritanomaly 0.01% of the population

#af988f hex color

#af988f Color Information

#af988f Color Conversion

Color Schemes with #af988f

Alternatives to #af988f

#af988f Preview

Shades and Tints of #af988f

Tones of #af988f

Color Blindness Simulator