#af8c5d hex color

In a RGB color space, hex #af8c5d is composed of 68.6% red, 54.9% green and 36.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 20% magenta, 46.9% yellow and 31.4% black. It has a hue angle of 34.4 degrees, a saturation of 33.9% and a lightness of 52.5%. #af8c5d color hex could be obtained by blending #ffffba with #5f1900. Closest websafe color is: #999966.

♥
- f
- t
- g
- R 69
- G 55
- B 36
RGB color chart
- C 0
- M 20
- Y 47
- K 31
CMYK color chart

● #af8c5d color description : Dark moderate orange.

The hexadecimal color #af8c5d has RGB values of R:175, G:140, B:93 and CMYK values of C:0, M:0.2, Y:0.47, K:0.31. Its decimal value is 11504733.

Hex triplet	af8c5d	`#af8c5d`
RGB Decimal	175, 140, 93	`rgb(175,140,93)`
RGB Percent	68.6, 54.9, 36.5	`rgb(68.6%,54.9%,36.5%)`
CMYK	0, 20, 47, 31
HSL	34.4°, 33.9, 52.5	`hsl(34.4,33.9%,52.5%)`
HSV (or HSB)	34.4°, 46.9, 68.6
Web Safe	999966	`#999966`

CIE-LAB	60.482, 7.072, 30.066
XYZ	29.033, 28.662, 14.358
xyY	0.403, 0.398, 28.662
CIE-LCH	60.482, 30.887, 76.763
CIE-LUV	60.482, 26.328, 35.763
Hunter-Lab	53.537, 3.113, 21.574
Binary	10101111, 10001100, 01011101

#af8c5d
```
#af8c5d rgb(175,140,93)
```
#5d80af
```
#5d80af rgb(93,128,175)
```

Complementary Color

#af635d
```
#af635d rgb(175,99,93)
```
#af8c5d
```
#af8c5d rgb(175,140,93)
```
#a9af5d
```
#a9af5d rgb(169,175,93)
```

Analogous Color

#635daf
```
#635daf rgb(99,93,175)
```
#af8c5d
```
#af8c5d rgb(175,140,93)
```
#5da9af
```
#5da9af rgb(93,169,175)
```

Split Complementary Color

#8c5daf
```
#8c5daf rgb(140,93,175)
```
#af8c5d
```
#af8c5d rgb(175,140,93)
```
#5daf8c
```
#5daf8c rgb(93,175,140)
```

Triadic Color

#af5d80
```
#af5d80 rgb(175,93,128)
```
#af8c5d
```
#af8c5d rgb(175,140,93)
```
#5daf8c
```
#5daf8c rgb(93,175,140)
```
#5d80af
```
#5d80af rgb(93,128,175)
```

Tetradic Color

#80643f
```
#80643f rgb(128,100,63)
```
#917248
```
#917248 rgb(145,114,72)
```
#a27f50
```
#a27f50 rgb(162,127,80)
```
#af8c5d
```
#af8c5d rgb(175,140,93)
```
#b7986e
```
#b7986e rgb(183,152,110)
```
#c0a47f
```
#c0a47f rgb(192,164,127)
```
#c8b090
```
#c8b090 rgb(200,176,144)
```

Monochromatic Color

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

#af785d
```
#af785d rgb(175,120,93)
```
#af7e5d
```
#af7e5d rgb(175,126,93)
```
#af855d
```
#af855d rgb(175,133,93)
```
#af8c5d
```
#af8c5d rgb(175,140,93)
```
#af935d
```
#af935d rgb(175,147,93)
```
#af9a5d
```
#af9a5d rgb(175,154,93)
```
#afa15d
```
#afa15d rgb(175,161,93)
```

Similar Colors

Text with hexadecimal color #af8c5d

This text has a font color of #af8c5d.

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

#af8c5d background color

This paragraph has a background color of #af8c5d.

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

#af8c5d border color

This element has a border color of #af8c5d.

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

CSS codes

.text {color:#af8c5d;}

.background {background-color:#af8c5d;}

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

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

#090704
```
#090704 rgb(9,7,4)
```
#16110b
```
#16110b rgb(22,17,11)
```
#231b11
```
#231b11 rgb(35,27,17)
```
#302618
```
#302618 rgb(48,38,24)
```
#3d301e
```
#3d301e rgb(61,48,30)
```
#4a3a25
```
#4a3a25 rgb(74,58,37)
```
#57452b
```
#57452b rgb(87,69,43)
```
#654f32
```
#654f32 rgb(101,79,50)
```
#725938
```
#725938 rgb(114,89,56)
```
#7f633f
```
#7f633f rgb(127,99,63)
```
#8c6e45
```
#8c6e45 rgb(140,110,69)
```
#99784c
```
#99784c rgb(153,120,76)
```
#a68252
```
#a68252 rgb(166,130,82)
```

Shade Color Variation

#af8c5d
```
#af8c5d rgb(175,140,93)
```
#b5956a
```
#b5956a rgb(181,149,106)
```
#bc9f77
```
#bc9f77 rgb(188,159,119)
```
#c2a884
```
#c2a884 rgb(194,168,132)
```
#c9b192
```
#c9b192 rgb(201,177,146)
```
#cfbb9f
```
#cfbb9f rgb(207,187,159)
```
#d6c4ac
```
#d6c4ac rgb(214,196,172)
```
#dccdb9
```
#dccdb9 rgb(220,205,185)
```
#e3d7c6
```
#e3d7c6 rgb(227,215,198)
```
#e9e0d3
```
#e9e0d3 rgb(233,224,211)
```
#f0e9e0
```
#f0e9e0 rgb(240,233,224)
```
#f6f3ed
```
#f6f3ed rgb(246,243,237)
```
#fdfcfb
```
#fdfcfb rgb(253,252,251)
```

Tint Color Variation

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

#8a8782
```
#8a8782 rgb(138,135,130)
```
#938879
```
#938879 rgb(147,136,121)
```
#9c8970
```
#9c8970 rgb(156,137,112)
```
#a68b66
```
#a68b66 rgb(166,139,102)
```
#af8c5d
```
#af8c5d rgb(175,140,93)
```
#b88d54
```
#b88d54 rgb(184,141,84)
```
#c28f4a
```
#c28f4a rgb(194,143,74)
```
#cb9041
```
#cb9041 rgb(203,144,65)
```
#d49138
```
#d49138 rgb(212,145,56)
```
#de932e
```
#de932e rgb(222,147,46)
```
#e79425
```
#e79425 rgb(231,148,37)
```
#f0961c
```
#f0961c rgb(240,150,28)
```
#f99713
```
#f99713 rgb(249,151,19)
```

Tone Color Variation

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

#919191 Achromatopsia 0.005% of the population
#979087 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a39767 Protanopia 1% of men
#b49165 Deuteranopia 1% of men
#b88b95 Tritanopia 0.001% of the population

Trichromacy

#a79363 Protanomaly 1% of men, 0.01% of women
#b28f62 Deuteranomaly 6% of men, 0.4% of women
#b48b80 Tritanomaly 0.01% of the population

#af8c5d hex color

#af8c5d Color Information

#af8c5d Color Conversion

Color Schemes with #af8c5d

Alternatives to #af8c5d

#af8c5d Preview

Shades and Tints of #af8c5d

Tones of #af8c5d

Color Blindness Simulator