#af987f hex color

In a RGB color space, hex #af987f is composed of 68.6% red, 59.6% green and 49.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 13.1% magenta, 27.4% yellow and 31.4% black. It has a hue angle of 31.3 degrees, a saturation of 23.1% and a lightness of 59.2%. #af987f color hex could be obtained by blending #fffffe with #5f3100. Closest websafe color is: #999966.

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

● #af987f color description : Mostly desaturated dark orange.

The hexadecimal color #af987f has RGB values of R:175, G:152, B:127 and CMYK values of C:0, M:0.13, Y:0.27, K:0.31. Its decimal value is 11507839.

Hex triplet	af987f	`#af987f`
RGB Decimal	175, 152, 127	`rgb(175,152,127)`
RGB Percent	68.6, 59.6, 49.8	`rgb(68.6%,59.6%,49.8%)`
CMYK	0, 13, 27, 31
HSL	31.3°, 23.1, 59.2	`hsl(31.3,23.1%,59.2%)`
HSV (or HSB)	31.3°, 27.4, 68.6
Web Safe	999966	`#999966`

CIE-LAB	64.245, 4.606, 16.306
XYZ	32.738, 33.104, 24.743
xyY	0.361, 0.365, 33.104
CIE-LCH	64.245, 16.944, 74.226
CIE-LUV	64.245, 15.985, 21.148
Hunter-Lab	57.536, 0.879, 14.778
Binary	10101111, 10011000, 01111111

#af987f
```
#af987f rgb(175,152,127)
```
#7f96af
```
#7f96af rgb(127,150,175)
```

Complementary Color

#af807f
```
#af807f rgb(175,128,127)
```
#af987f
```
#af987f rgb(175,152,127)
```
#aeaf7f
```
#aeaf7f rgb(174,175,127)
```

Analogous Color

#807faf
```
#807faf rgb(128,127,175)
```
#af987f
```
#af987f rgb(175,152,127)
```
#7faeaf
```
#7faeaf rgb(127,174,175)
```

Split Complementary Color

#987faf
```
#987faf rgb(152,127,175)
```
#af987f
```
#af987f rgb(175,152,127)
```
#7faf98
```
#7faf98 rgb(127,175,152)
```

Triadic Color

#af7f96
```
#af7f96 rgb(175,127,150)
```
#af987f
```
#af987f rgb(175,152,127)
```
#7faf98
```
#7faf98 rgb(127,175,152)
```
#7f96af
```
#7f96af rgb(127,150,175)
```

Tetradic Color

#8b7257
```
#8b7257 rgb(139,114,87)
```
#9a7f61
```
#9a7f61 rgb(154,127,97)
```
#a58b6f
```
#a58b6f rgb(165,139,111)
```
#af987f
```
#af987f rgb(175,152,127)
```
#b9a58f
```
#b9a58f rgb(185,165,143)
```
#c3b19e
```
#c3b19e rgb(195,177,158)
```
#ccbeae
```
#ccbeae rgb(204,190,174)
```

Monochromatic Color

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

#af8c7f
```
#af8c7f rgb(175,140,127)
```
#af907f
```
#af907f rgb(175,144,127)
```
#af947f
```
#af947f rgb(175,148,127)
```
#af987f
```
#af987f rgb(175,152,127)
```
#af9c7f
```
#af9c7f rgb(175,156,127)
```
#afa07f
```
#afa07f rgb(175,160,127)
```
#afa47f
```
#afa47f rgb(175,164,127)
```

Similar Colors

Text with hexadecimal color #af987f

This text has a font color of #af987f.

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

#af987f background color

This paragraph has a background color of #af987f.

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

#af987f border color

This element has a border color of #af987f.

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

CSS codes

.text {color:#af987f;}

.background {background-color:#af987f;}

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

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

#050403
```
#050403 rgb(5,4,3)
```
#110e0b
```
#110e0b rgb(17,14,11)
```
#1d1812
```
#1d1812 rgb(29,24,18)
```
#29221a
```
#29221a rgb(41,34,26)
```
#352c21
```
#352c21 rgb(53,44,33)
```
#413529
```
#413529 rgb(65,53,41)
```
#4d3f30
```
#4d3f30 rgb(77,63,48)
```
#594938
```
#594938 rgb(89,73,56)
```
#65533f
```
#65533f rgb(101,83,63)
```
#715d47
```
#715d47 rgb(113,93,71)
```
#7d674e
```
#7d674e rgb(125,103,78)
```
#8a7156
```
#8a7156 rgb(138,113,86)
```
#967b5e
```
#967b5e rgb(150,123,94)
```

Shade Color Variation

#a08567
```
#a08567 rgb(160,133,103)
```
#a78e73
```
#a78e73 rgb(167,142,115)
```
#af987f
```
#af987f rgb(175,152,127)
```
#b7a28b
```
#b7a28b rgb(183,162,139)
```
#beab97
```
#beab97 rgb(190,171,151)
```
#c6b5a3
```
#c6b5a3 rgb(198,181,163)
```
#cdbfaf
```
#cdbfaf rgb(205,191,175)
```
#d5c9bb
```
#d5c9bb rgb(213,201,187)
```
#dcd2c7
```
#dcd2c7 rgb(220,210,199)
```
#e4dcd3
```
#e4dcd3 rgb(228,220,211)
```
#ebe6e0
```
#ebe6e0 rgb(235,230,224)
```
#f3efec
```
#f3efec rgb(243,239,236)
```
#faf9f8
```
#faf9f8 rgb(250,249,248)
```

Tint Color Variation

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

#9f978f
```
#9f978f rgb(159,151,143)
```
#a79887
```
#a79887 rgb(167,152,135)
```
#af987f
```
#af987f rgb(175,152,127)
```
#b79877
```
#b79877 rgb(183,152,119)
```
#bf996f
```
#bf996f rgb(191,153,111)
```
#c79967
```
#c79967 rgb(199,153,103)
```
#cf995f
```
#cf995f rgb(207,153,95)
```
#d79a57
```
#d79a57 rgb(215,154,87)
```
#df9a4f
```
#df9a4f rgb(223,154,79)
```
#e79a47
```
#e79a47 rgb(231,154,71)
```
#ef9b3f
```
#ef9b3f rgb(239,155,63)
```
#f79b37
```
#f79b37 rgb(247,155,55)
```
#ff9b2f
```
#ff9b2f rgb(255,155,47)
```

Tone Color Variation

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

#9c9c9c Achromatopsia 0.005% of the population
#a09b96 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a9a087 Protanopia 1% of men
#b99b86 Deuteranopia 1% of men
#b799a3 Tritanopia 0.001% of the population

Trichromacy

#ab9d84 Protanomaly 1% of men, 0.01% of women
#b59983 Deuteranomaly 6% of men, 0.4% of women
#b49896 Tritanomaly 0.01% of the population

#af987f hex color

#af987f Color Information

#af987f Color Conversion

Color Schemes with #af987f

Alternatives to #af987f

#af987f Preview

Shades and Tints of #af987f

Tones of #af987f

Color Blindness Simulator