#af8a5d hex color

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

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

● #af8a5d color description : Dark moderate orange.

The hexadecimal color #af8a5d has RGB values of R:175, G:138, B:93 and CMYK values of C:0, M:0.21, Y:0.47, K:0.31. Its decimal value is 11504221.

Hex triplet	af8a5d	`#af8a5d`
RGB Decimal	175, 138, 93	`rgb(175,138,93)`
RGB Percent	68.6, 54.1, 36.5	`rgb(68.6%,54.1%,36.5%)`
CMYK	0, 21, 47, 31
HSL	32.9°, 33.9, 52.5	`hsl(32.9,33.9%,52.5%)`
HSV (or HSB)	32.9°, 46.9, 68.6
Web Safe	999966	`#999966`

CIE-LAB	59.963, 8.185, 29.4
XYZ	28.744, 28.082, 14.262
xyY	0.404, 0.395, 28.082
CIE-LCH	59.963, 30.518, 74.443
CIE-LUV	59.963, 27.661, 34.742
Hunter-Lab	52.993, 4.082, 21.138
Binary	10101111, 10001010, 01011101

#af8a5d
```
#af8a5d rgb(175,138,93)
```
#5d82af
```
#5d82af rgb(93,130,175)
```

Complementary Color

#af615d
```
#af615d rgb(175,97,93)
```
#af8a5d
```
#af8a5d rgb(175,138,93)
```
#abaf5d
```
#abaf5d rgb(171,175,93)
```

Analogous Color

#615daf
```
#615daf rgb(97,93,175)
```
#af8a5d
```
#af8a5d rgb(175,138,93)
```
#5dabaf
```
#5dabaf rgb(93,171,175)
```

Split Complementary Color

#8a5daf
```
#8a5daf rgb(138,93,175)
```
#af8a5d
```
#af8a5d rgb(175,138,93)
```
#5daf8a
```
#5daf8a rgb(93,175,138)
```

Triadic Color

#af5d82
```
#af5d82 rgb(175,93,130)
```
#af8a5d
```
#af8a5d rgb(175,138,93)
```
#5daf8a
```
#5daf8a rgb(93,175,138)
```
#5d82af
```
#5d82af rgb(93,130,175)
```

Tetradic Color

#80633f
```
#80633f rgb(128,99,63)
```
#917048
```
#917048 rgb(145,112,72)
```
#a27d50
```
#a27d50 rgb(162,125,80)
```
#af8a5d
```
#af8a5d rgb(175,138,93)
```
#b7966e
```
#b7966e rgb(183,150,110)
```
#c0a37f
```
#c0a37f rgb(192,163,127)
```
#c8af90
```
#c8af90 rgb(200,175,144)
```

Monochromatic Color

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

#af765d
```
#af765d rgb(175,118,93)
```
#af7c5d
```
#af7c5d rgb(175,124,93)
```
#af835d
```
#af835d rgb(175,131,93)
```
#af8a5d
```
#af8a5d rgb(175,138,93)
```
#af915d
```
#af915d rgb(175,145,93)
```
#af985d
```
#af985d rgb(175,152,93)
```
#af9f5d
```
#af9f5d rgb(175,159,93)
```

Similar Colors

Text with hexadecimal color #af8a5d

This text has a font color of #af8a5d.

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

#af8a5d background color

This paragraph has a background color of #af8a5d.

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

#af8a5d border color

This element has a border color of #af8a5d.

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

CSS codes

.text {color:#af8a5d;}

.background {background-color:#af8a5d;}

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

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)
```
#302518
```
#302518 rgb(48,37,24)
```
#3d2f1e
```
#3d2f1e rgb(61,47,30)
```
#4a3925
```
#4a3925 rgb(74,57,37)
```
#57442b
```
#57442b rgb(87,68,43)
```
#654e32
```
#654e32 rgb(101,78,50)
```
#725838
```
#725838 rgb(114,88,56)
```
#7f623f
```
#7f623f rgb(127,98,63)
```
#8c6c45
```
#8c6c45 rgb(140,108,69)
```
#99764c
```
#99764c rgb(153,118,76)
```
#a68052
```
#a68052 rgb(166,128,82)
```

Shade Color Variation

#af8a5d
```
#af8a5d rgb(175,138,93)
```
#b5936a
```
#b5936a rgb(181,147,106)
```
#bc9d77
```
#bc9d77 rgb(188,157,119)
```
#c2a684
```
#c2a684 rgb(194,166,132)
```
#c9b092
```
#c9b092 rgb(201,176,146)
```
#cfb99f
```
#cfb99f rgb(207,185,159)
```
#d6c3ac
```
#d6c3ac rgb(214,195,172)
```
#dcccb9
```
#dcccb9 rgb(220,204,185)
```
#e3d6c6
```
#e3d6c6 rgb(227,214,198)
```
#e9dfd3
```
#e9dfd3 rgb(233,223,211)
```
#f0e9e0
```
#f0e9e0 rgb(240,233,224)
```
#f6f2ed
```
#f6f2ed rgb(246,242,237)
```
#fdfcfb
```
#fdfcfb rgb(253,252,251)
```

Tint Color Variation

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

#8a8682
```
#8a8682 rgb(138,134,130)
```
#938779
```
#938779 rgb(147,135,121)
```
#9c8870
```
#9c8870 rgb(156,136,112)
```
#a68966
```
#a68966 rgb(166,137,102)
```
#af8a5d
```
#af8a5d rgb(175,138,93)
```
#b88b54
```
#b88b54 rgb(184,139,84)
```
#c28c4a
```
#c28c4a rgb(194,140,74)
```
#cb8d41
```
#cb8d41 rgb(203,141,65)
```
#d48e38
```
#d48e38 rgb(212,142,56)
```
#de8f2e
```
#de8f2e rgb(222,143,46)
```
#e78f25
```
#e78f25 rgb(231,143,37)
```
#f0901c
```
#f0901c rgb(240,144,28)
```
#f99113
```
#f99113 rgb(249,145,19)
```

Tone Color Variation

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

#909090 Achromatopsia 0.005% of the population
#968f86 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a29667 Protanopia 1% of men
#b39065 Deuteranopia 1% of men
#b78a93 Tritanopia 0.001% of the population

Trichromacy

#a69163 Protanomaly 1% of men, 0.01% of women
#b18d62 Deuteranomaly 6% of men, 0.4% of women
#b48a7f Tritanomaly 0.01% of the population

#af8a5d hex color

#af8a5d Color Information

#af8a5d Color Conversion

Color Schemes with #af8a5d

Alternatives to #af8a5d

#af8a5d Preview

Shades and Tints of #af8a5d

Tones of #af8a5d

Color Blindness Simulator