#af988b hex color

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

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

● #af988b color description : Dark grayish orange.

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

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

CIE-LAB	64.512, 6.39, 9.971
XYZ	33.567, 33.435, 29.11
xyY	0.349, 0.348, 33.435
CIE-LCH	64.512, 11.843, 57.348
CIE-LUV	64.512, 14.993, 12.682
Hunter-Lab	57.823, 2.431, 10.628
Binary	10101111, 10011000, 10001011

#af988b
```
#af988b rgb(175,152,139)
```
#8ba2af
```
#8ba2af rgb(139,162,175)
```

Complementary Color

#af8b90
```
#af8b90 rgb(175,139,144)
```
#af988b
```
#af988b rgb(175,152,139)
```
#afaa8b
```
#afaa8b rgb(175,170,139)
```

Analogous Color

#8b90af
```
#8b90af rgb(139,144,175)
```
#af988b
```
#af988b rgb(175,152,139)
```
#8bafaa
```
#8bafaa rgb(139,175,170)
```

Split Complementary Color

#988baf
```
#988baf rgb(152,139,175)
```
#af988b
```
#af988b rgb(175,152,139)
```
#8baf98
```
#8baf98 rgb(139,175,152)
```

Triadic Color

#af8ba2
```
#af8ba2 rgb(175,139,162)
```
#af988b
```
#af988b rgb(175,152,139)
```
#8baf98
```
#8baf98 rgb(139,175,152)
```
#8ba2af
```
#8ba2af rgb(139,162,175)
```

Tetradic Color

#8d7161
```
#8d7161 rgb(141,113,97)
```
#9a7d6d
```
#9a7d6d rgb(154,125,109)
```
#a58b7c
```
#a58b7c rgb(165,139,124)
```
#af988b
```
#af988b rgb(175,152,139)
```
#b9a59a
```
#b9a59a rgb(185,165,154)
```
#c4b3a9
```
#c4b3a9 rgb(196,179,169)
```
#cec0b8
```
#cec0b8 rgb(206,192,184)
```

Monochromatic Color

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

#af8f8b
```
#af8f8b rgb(175,143,139)
```
#af928b
```
#af928b rgb(175,146,139)
```
#af958b
```
#af958b rgb(175,149,139)
```
#af988b
```
#af988b rgb(175,152,139)
```
#af9b8b
```
#af9b8b rgb(175,155,139)
```
#af9e8b
```
#af9e8b rgb(175,158,139)
```
#afa18b
```
#afa18b rgb(175,161,139)
```

Similar Colors

Text with hexadecimal color #af988b

This text has a font color of #af988b.

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

#af988b background color

This paragraph has a background color of #af988b.

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

#af988b border color

This element has a border color of #af988b.

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

CSS codes

.text {color:#af988b;}

.background {background-color:#af988b;}

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

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

#000000
```
#000000 rgb(0,0,0)
```
#0c0908
```
#0c0908 rgb(12,9,8)
```
#171310
```
#171310 rgb(23,19,16)
```
#231c18
```
#231c18 rgb(35,28,24)
```
#2f2520
```
#2f2520 rgb(47,37,32)
```
#3a2f28
```
#3a2f28 rgb(58,47,40)
```
#463830
```
#463830 rgb(70,56,48)
```
#514138
```
#514138 rgb(81,65,56)
```
#5d4b40
```
#5d4b40 rgb(93,75,64)
```
#695448
```
#695448 rgb(105,84,72)
```
#745d50
```
#745d50 rgb(116,93,80)
```
#806658
```
#806658 rgb(128,102,88)
```
#8b7060
```
#8b7060 rgb(139,112,96)
```

Shade Color Variation

#977968
```
#977968 rgb(151,121,104)
```
#9f8374
```
#9f8374 rgb(159,131,116)
```
#a78e7f
```
#a78e7f rgb(167,142,127)
```
#af988b
```
#af988b rgb(175,152,139)
```
#b7a297
```
#b7a297 rgb(183,162,151)
```
#bfada2
```
#bfada2 rgb(191,173,162)
```
#c7b7ae
```
#c7b7ae rgb(199,183,174)
```
#cfc1b9
```
#cfc1b9 rgb(207,193,185)
```
#d7ccc5
```
#d7ccc5 rgb(215,204,197)
```
#dfd6d1
```
#dfd6d1 rgb(223,214,209)
```
#e7e0dc
```
#e7e0dc rgb(231,224,220)
```
#efeae8
```
#efeae8 rgb(239,234,232)
```
#f7f5f3
```
#f7f5f3 rgb(247,245,243)
```

Tint Color Variation

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

#a09c9a
```
#a09c9a rgb(160,156,154)
```
#a79a93
```
#a79a93 rgb(167,154,147)
```
#af988b
```
#af988b rgb(175,152,139)
```
#b79683
```
#b79683 rgb(183,150,131)
```
#be947c
```
#be947c rgb(190,148,124)
```
#c69274
```
#c69274 rgb(198,146,116)
```
#cd906d
```
#cd906d rgb(205,144,109)
```
#d58e65
```
#d58e65 rgb(213,142,101)
```
#dc8b5e
```
#dc8b5e rgb(220,139,94)
```
#e48956
```
#e48956 rgb(228,137,86)
```
#eb874f
```
#eb874f rgb(235,135,79)
```
#f38547
```
#f38547 rgb(243,133,71)
```
#fa8340
```
#fa8340 rgb(250,131,64)
```

Tone Color Variation

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

#9d9d9d Achromatopsia 0.005% of the population
#a19c99 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a7a192 Protanopia 1% of men
#b69c91 Deuteranopia 1% of men
#b69aa5 Tritanopia 0.001% of the population

Trichromacy

#aa9d8f Protanomaly 1% of men, 0.01% of women
#b39a8f Deuteranomaly 6% of men, 0.4% of women
#b3999b Tritanomaly 0.01% of the population

#af988b hex color

#af988b Color Information

#af988b Color Conversion

Color Schemes with #af988b

Alternatives to #af988b

#af988b Preview

Shades and Tints of #af988b

Tones of #af988b

Color Blindness Simulator