#af877d hex color

In a RGB color space, hex #af877d is composed of 68.6% red, 52.9% green and 49% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 22.9% magenta, 28.6% yellow and 31.4% black. It has a hue angle of 12 degrees, a saturation of 23.8% and a lightness of 58.8%. #af877d color hex could be obtained by blending #fffffa with #5f0f00. Closest websafe color is: #999966.

♥
- f
- t
- g
- R 69
- G 53
- B 49
RGB color chart
- C 0
- M 23
- Y 29
- K 31
CMYK color chart

● #af877d color description : Mostly desaturated dark red.

The hexadecimal color #af877d has RGB values of R:175, G:135, B:125 and CMYK values of C:0, M:0.23, Y:0.29, K:0.31. Its decimal value is 11503485.

Hex triplet	af877d	`#af877d`
RGB Decimal	175, 135, 125	`rgb(175,135,125)`
RGB Percent	68.6, 52.9, 49	`rgb(68.6%,52.9%,49%)`
CMYK	0, 23, 29, 31
HSL	12°, 23.8, 58.8	`hsl(12,23.8%,58.8%)`
HSV (or HSB)	12°, 28.6, 68.6
Web Safe	999966	`#999966`

CIE-LAB	59.82, 13.792, 11.254
XYZ	30.045, 27.924, 23.208
xyY	0.37, 0.344, 27.924
CIE-LCH	59.82, 17.801, 39.214
CIE-LUV	59.82, 26.386, 12.702
Hunter-Lab	52.843, 9.014, 10.95
Binary	10101111, 10000111, 01111101

#af877d
```
#af877d rgb(175,135,125)
```
#7da5af
```
#7da5af rgb(125,165,175)
```

Complementary Color

#af7d8c
```
#af7d8c rgb(175,125,140)
```
#af877d
```
#af877d rgb(175,135,125)
```
#afa07d
```
#afa07d rgb(175,160,125)
```

Analogous Color

#7d8caf
```
#7d8caf rgb(125,140,175)
```
#af877d
```
#af877d rgb(175,135,125)
```
#7dafa0
```
#7dafa0 rgb(125,175,160)
```

Split Complementary Color

#877daf
```
#877daf rgb(135,125,175)
```
#af877d
```
#af877d rgb(175,135,125)
```
#7daf87
```
#7daf87 rgb(125,175,135)
```

Triadic Color

#af7da5
```
#af7da5 rgb(175,125,165)
```
#af877d
```
#af877d rgb(175,135,125)
```
#7daf87
```
#7daf87 rgb(125,175,135)
```
#7da5af
```
#7da5af rgb(125,165,175)
```

Tetradic Color

#8a6055
```
#8a6055 rgb(138,96,85)
```
#9a6b5f
```
#9a6b5f rgb(154,107,95)
```
#a5786d
```
#a5786d rgb(165,120,109)
```
#af877d
```
#af877d rgb(175,135,125)
```
#b9968d
```
#b9968d rgb(185,150,141)
```
#c2a49d
```
#c2a49d rgb(194,164,157)
```
#ccb3ac
```
#ccb3ac rgb(204,179,172)
```

Monochromatic Color

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

#af7d80
```
#af7d80 rgb(175,125,128)
```
#af7f7d
```
#af7f7d rgb(175,127,125)
```
#af837d
```
#af837d rgb(175,131,125)
```
#af877d
```
#af877d rgb(175,135,125)
```
#af8b7d
```
#af8b7d rgb(175,139,125)
```
#af8f7d
```
#af8f7d rgb(175,143,125)
```
#af947d
```
#af947d rgb(175,148,125)
```

Similar Colors

Text with hexadecimal color #af877d

This text has a font color of #af877d.

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

#af877d background color

This paragraph has a background color of #af877d.

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

#af877d border color

This element has a border color of #af877d.

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

CSS codes

.text {color:#af877d;}

.background {background-color:#af877d;}

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

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

#040202
```
#040202 rgb(4,2,2)
```
#100b0a
```
#100b0a rgb(16,11,10)
```
#1c1311
```
#1c1311 rgb(28,19,17)
```
#281c19
```
#281c19 rgb(40,28,25)
```
#342420
```
#342420 rgb(52,36,32)
```
#402d28
```
#402d28 rgb(64,45,40)
```
#4c352f
```
#4c352f rgb(76,53,47)
```
#593d37
```
#593d37 rgb(89,61,55)
```
#65463e
```
#65463e rgb(101,70,62)
```
#714e45
```
#714e45 rgb(113,78,69)
```
#7d574d
```
#7d574d rgb(125,87,77)
```
#895f54
```
#895f54 rgb(137,95,84)
```
#95675c
```
#95675c rgb(149,103,92)
```

Shade Color Variation

#a07165
```
#a07165 rgb(160,113,101)
```
#a87c71
```
#a87c71 rgb(168,124,113)
```
#af877d
```
#af877d rgb(175,135,125)
```
#b69289
```
#b69289 rgb(182,146,137)
```
#be9d95
```
#be9d95 rgb(190,157,149)
```
#c5a9a1
```
#c5a9a1 rgb(197,169,161)
```
#cdb4ae
```
#cdb4ae rgb(205,180,174)
```
#d4bfba
```
#d4bfba rgb(212,191,186)
```
#dccac6
```
#dccac6 rgb(220,202,198)
```
#e3d5d2
```
#e3d5d2 rgb(227,213,210)
```
#ebe1de
```
#ebe1de rgb(235,225,222)
```
#f2ecea
```
#f2ecea rgb(242,236,234)
```
#faf7f6
```
#faf7f6 rgb(250,247,246)
```

Tint Color Variation

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

#979695
```
#979695 rgb(151,150,149)
```
#9f918d
```
#9f918d rgb(159,145,141)
```
#a78c85
```
#a78c85 rgb(167,140,133)
```
#af877d
```
#af877d rgb(175,135,125)
```
#b78275
```
#b78275 rgb(183,130,117)
```
#bf7d6d
```
#bf7d6d rgb(191,125,109)
```
#c77865
```
#c77865 rgb(199,120,101)
```
#cf745d
```
#cf745d rgb(207,116,93)
```
#d76f55
```
#d76f55 rgb(215,111,85)
```
#df6a4d
```
#df6a4d rgb(223,106,77)
```
#e86544
```
#e86544 rgb(232,101,68)
```
#f0603c
```
#f0603c rgb(240,96,60)
```
#f85b34
```
#f85b34 rgb(248,91,52)
```

Tone Color Variation

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

#929292 Achromatopsia 0.005% of the population
#98908e Atypical Achromatopsia 0.001% of the population

Dichromacy

#9b9587 Protanopia 1% of men
#aa9082 Deuteranopia 1% of men
#b58a94 Tritanopia 0.001% of the population

Trichromacy

#a29083 Protanomaly 1% of men, 0.01% of women
#ac8d80 Deuteranomaly 6% of men, 0.4% of women
#b2898b Tritanomaly 0.01% of the population

#af877d hex color

#af877d Color Information

#af877d Color Conversion

Color Schemes with #af877d

Alternatives to #af877d

#af877d Preview

Shades and Tints of #af877d

Tones of #af877d

Color Blindness Simulator