#af887f hex color

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

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

● #af887f color description : Mostly desaturated dark red.

The hexadecimal color #af887f has RGB values of R:175, G:136, B:127 and CMYK values of C:0, M:0.22, Y:0.27, K:0.31. Its decimal value is 11503743.

Hex triplet	af887f	`#af887f`
RGB Decimal	175, 136, 127	`rgb(175,136,127)`
RGB Percent	68.6, 53.3, 49.8	`rgb(68.6%,53.3%,49.8%)`
CMYK	0, 22, 27, 31
HSL	11.3°, 23.1, 59.2	`hsl(11.3,23.1%,59.2%)`
HSV (or HSB)	11.3°, 27.4, 68.6
Web Safe	999966	`#999966`

CIE-LAB	60.119, 13.516, 10.536
XYZ	30.314, 28.256, 23.935
xyY	0.367, 0.342, 28.256
CIE-LCH	60.119, 17.138, 37.937
CIE-LUV	60.119, 25.56, 11.855
Hunter-Lab	53.156, 8.772, 10.513
Binary	10101111, 10001000, 01111111

#af887f
```
#af887f rgb(175,136,127)
```
#7fa6af
```
#7fa6af rgb(127,166,175)
```

Complementary Color

#af7f8e
```
#af7f8e rgb(175,127,142)
```
#af887f
```
#af887f rgb(175,136,127)
```
#afa07f
```
#afa07f rgb(175,160,127)
```

Analogous Color

#7f8eaf
```
#7f8eaf rgb(127,142,175)
```
#af887f
```
#af887f rgb(175,136,127)
```
#7fafa0
```
#7fafa0 rgb(127,175,160)
```

Split Complementary Color

#887faf
```
#887faf rgb(136,127,175)
```
#af887f
```
#af887f rgb(175,136,127)
```
#7faf88
```
#7faf88 rgb(127,175,136)
```

Triadic Color

#af7fa6
```
#af7fa6 rgb(175,127,166)
```
#af887f
```
#af887f rgb(175,136,127)
```
#7faf88
```
#7faf88 rgb(127,175,136)
```
#7fa6af
```
#7fa6af rgb(127,166,175)
```

Tetradic Color

#8b6057
```
#8b6057 rgb(139,96,87)
```
#9a6b61
```
#9a6b61 rgb(154,107,97)
```
#a5796f
```
#a5796f rgb(165,121,111)
```
#af887f
```
#af887f rgb(175,136,127)
```
#b9978f
```
#b9978f rgb(185,151,143)
```
#c3a59e
```
#c3a59e rgb(195,165,158)
```
#ccb4ae
```
#ccb4ae rgb(204,180,174)
```

Monochromatic Color

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

#af7f82
```
#af7f82 rgb(175,127,130)
```
#af807f
```
#af807f rgb(175,128,127)
```
#af847f
```
#af847f rgb(175,132,127)
```
#af887f
```
#af887f rgb(175,136,127)
```
#af8c7f
```
#af8c7f rgb(175,140,127)
```
#af907f
```
#af907f rgb(175,144,127)
```
#af947f
```
#af947f rgb(175,148,127)
```

Similar Colors

Text with hexadecimal color #af887f

This text has a font color of #af887f.

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

#af887f background color

This paragraph has a background color of #af887f.

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

#af887f border color

This element has a border color of #af887f.

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

CSS codes

.text {color:#af887f;}

.background {background-color:#af887f;}

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

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

#050303
```
#050303 rgb(5,3,3)
```
#110c0b
```
#110c0b rgb(17,12,11)
```
#1d1412
```
#1d1412 rgb(29,20,18)
```
#291d1a
```
#291d1a rgb(41,29,26)
```
#352521
```
#352521 rgb(53,37,33)
```
#412d29
```
#412d29 rgb(65,45,41)
```
#4d3630
```
#4d3630 rgb(77,54,48)
```
#593e38
```
#593e38 rgb(89,62,56)
```
#65463f
```
#65463f rgb(101,70,63)
```
#714f47
```
#714f47 rgb(113,79,71)
```
#7d574e
```
#7d574e rgb(125,87,78)
```
#8a6056
```
#8a6056 rgb(138,96,86)
```
#96685e
```
#96685e rgb(150,104,94)
```

Shade Color Variation

#a07267
```
#a07267 rgb(160,114,103)
```
#a77d73
```
#a77d73 rgb(167,125,115)
```
#af887f
```
#af887f rgb(175,136,127)
```
#b7938b
```
#b7938b rgb(183,147,139)
```
#be9e97
```
#be9e97 rgb(190,158,151)
```
#c6aaa3
```
#c6aaa3 rgb(198,170,163)
```
#cdb5af
```
#cdb5af rgb(205,181,175)
```
#d5c0bb
```
#d5c0bb rgb(213,192,187)
```
#dccbc7
```
#dccbc7 rgb(220,203,199)
```
#e4d7d3
```
#e4d7d3 rgb(228,215,211)
```
#ebe2e0
```
#ebe2e0 rgb(235,226,224)
```
#f3edec
```
#f3edec rgb(243,237,236)
```
#faf8f8
```
#faf8f8 rgb(250,248,248)
```

Tint Color Variation

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

#9f928f
```
#9f928f rgb(159,146,143)
```
#a78d87
```
#a78d87 rgb(167,141,135)
```
#af887f
```
#af887f rgb(175,136,127)
```
#b78377
```
#b78377 rgb(183,131,119)
```
#bf7e6f
```
#bf7e6f rgb(191,126,111)
```
#c77967
```
#c77967 rgb(199,121,103)
```
#cf745f
```
#cf745f rgb(207,116,95)
```
#d76f57
```
#d76f57 rgb(215,111,87)
```
#df6a4f
```
#df6a4f rgb(223,106,79)
```
#e76547
```
#e76547 rgb(231,101,71)
```
#ef603f
```
#ef603f rgb(239,96,63)
```
#f75b37
```
#f75b37 rgb(247,91,55)
```
#ff562f
```
#ff562f rgb(255,86,47)
```

Tone Color Variation

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

#939393 Achromatopsia 0.005% of the population
#99918f Atypical Achromatopsia 0.001% of the population

Dichromacy

#9c9689 Protanopia 1% of men
#ab9184 Deuteranopia 1% of men
#b58b95 Tritanopia 0.001% of the population

Trichromacy

#a39085 Protanomaly 1% of men, 0.01% of women
#ac8d82 Deuteranomaly 6% of men, 0.4% of women
#b28a8d Tritanomaly 0.01% of the population

#af887f hex color

#af887f Color Information

#af887f Color Conversion

Color Schemes with #af887f

Alternatives to #af887f

#af887f Preview

Shades and Tints of #af887f

Tones of #af887f

Color Blindness Simulator