#af8a5f hex color

In a RGB color space, hex #af8a5f is composed of 68.6% red, 54.1% green and 37.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 21.1% magenta, 45.7% yellow and 31.4% black. It has a hue angle of 32.3 degrees, a saturation of 33.3% and a lightness of 52.9%. #af8a5f color hex could be obtained by blending #ffffbe with #5f1500. Closest websafe color is: #999966.

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

● #af8a5f color description : Dark moderate orange.

The hexadecimal color #af8a5f has RGB values of R:175, G:138, B:95 and CMYK values of C:0, M:0.21, Y:0.46, K:0.31. Its decimal value is 11504223.

Hex triplet	af8a5f	`#af8a5f`
RGB Decimal	175, 138, 95	`rgb(175,138,95)`
RGB Percent	68.6, 54.1, 37.3	`rgb(68.6%,54.1%,37.3%)`
CMYK	0, 21, 46, 31
HSL	32.3°, 33.3, 52.9	`hsl(32.3,33.3%,52.9%)`
HSV (or HSB)	32.3°, 45.7, 68.6
Web Safe	999966	`#999966`

CIE-LAB	59.995, 8.394, 28.346
XYZ	28.833, 28.118, 14.735
xyY	0.402, 0.392, 28.118
CIE-LCH	59.995, 29.563, 73.504
CIE-LUV	59.995, 27.489, 33.616
Hunter-Lab	53.027, 4.263, 20.644
Binary	10101111, 10001010, 01011111

#af8a5f
```
#af8a5f rgb(175,138,95)
```
#5f84af
```
#5f84af rgb(95,132,175)
```

Complementary Color

#af625f
```
#af625f rgb(175,98,95)
```
#af8a5f
```
#af8a5f rgb(175,138,95)
```
#acaf5f
```
#acaf5f rgb(172,175,95)
```

Analogous Color

#625faf
```
#625faf rgb(98,95,175)
```
#af8a5f
```
#af8a5f rgb(175,138,95)
```
#5facaf
```
#5facaf rgb(95,172,175)
```

Split Complementary Color

#8a5faf
```
#8a5faf rgb(138,95,175)
```
#af8a5f
```
#af8a5f rgb(175,138,95)
```
#5faf8a
```
#5faf8a rgb(95,175,138)
```

Triadic Color

#af5f84
```
#af5f84 rgb(175,95,132)
```
#af8a5f
```
#af8a5f rgb(175,138,95)
```
#5faf8a
```
#5faf8a rgb(95,175,138)
```
#5f84af
```
#5f84af rgb(95,132,175)
```

Tetradic Color

#816341
```
#816341 rgb(129,99,65)
```
#927049
```
#927049 rgb(146,112,73)
```
#a37d52
```
#a37d52 rgb(163,125,82)
```
#af8a5f
```
#af8a5f rgb(175,138,95)
```
#b89670
```
#b89670 rgb(184,150,112)
```
#c0a381
```
#c0a381 rgb(192,163,129)
```
#c9af92
```
#c9af92 rgb(201,175,146)
```

Monochromatic Color

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

#af765f
```
#af765f rgb(175,118,95)
```
#af7d5f
```
#af7d5f rgb(175,125,95)
```
#af835f
```
#af835f rgb(175,131,95)
```
#af8a5f
```
#af8a5f rgb(175,138,95)
```
#af915f
```
#af915f rgb(175,145,95)
```
#af975f
```
#af975f rgb(175,151,95)
```
#af9e5f
```
#af9e5f rgb(175,158,95)
```

Similar Colors

Text with hexadecimal color #af8a5f

This text has a font color of #af8a5f.

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

#af8a5f background color

This paragraph has a background color of #af8a5f.

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

#af8a5f border color

This element has a border color of #af8a5f.

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

CSS codes

.text {color:#af8a5f;}

.background {background-color:#af8a5f;}

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

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, #0a0805 is the darkest color, while #fdfdfc is the lightest one.

#0a0805
```
#0a0805 rgb(10,8,5)
```
#17120c
```
#17120c rgb(23,18,12)
```
#241c12
```
#241c12 rgb(36,28,18)
```
#312619
```
#312619 rgb(49,38,25)
```
#3e301f
```
#3e301f rgb(62,48,31)
```
#4b3a26
```
#4b3a26 rgb(75,58,38)
```
#58442c
```
#58442c rgb(88,68,44)
```
#664e33
```
#664e33 rgb(102,78,51)
```
#735839
```
#735839 rgb(115,88,57)
```
#806240
```
#806240 rgb(128,98,64)
```
#8d6c46
```
#8d6c46 rgb(141,108,70)
```
#9a764d
```
#9a764d rgb(154,118,77)
```
#a78053
```
#a78053 rgb(167,128,83)
```

Shade Color Variation

#af8a5f
```
#af8a5f rgb(175,138,95)
```
#b6946c
```
#b6946c rgb(182,148,108)
```
#bc9d79
```
#bc9d79 rgb(188,157,121)
```
#c3a786
```
#c3a786 rgb(195,167,134)
```
#c9b093
```
#c9b093 rgb(201,176,147)
```
#d0baa0
```
#d0baa0 rgb(208,186,160)
```
#d6c3ad
```
#d6c3ad rgb(214,195,173)
```
#ddcdbb
```
#ddcdbb rgb(221,205,187)
```
#e3d7c8
```
#e3d7c8 rgb(227,215,200)
```
#eae0d5
```
#eae0d5 rgb(234,224,213)
```
#f0eae2
```
#f0eae2 rgb(240,234,226)
```
#f7f3ef
```
#f7f3ef rgb(247,243,239)
```
#fdfdfc
```
#fdfdfc rgb(253,253,252)
```

Tint Color Variation

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

#8a8784
```
#8a8784 rgb(138,135,132)
```
#93887b
```
#93887b rgb(147,136,123)
```
#9d8971
```
#9d8971 rgb(157,137,113)
```
#a68968
```
#a68968 rgb(166,137,104)
```
#af8a5f
```
#af8a5f rgb(175,138,95)
```
#b88b56
```
#b88b56 rgb(184,139,86)
```
#c18b4d
```
#c18b4d rgb(193,139,77)
```
#cb8c43
```
#cb8c43 rgb(203,140,67)
```
#d48d3a
```
#d48d3a rgb(212,141,58)
```
#dd8d31
```
#dd8d31 rgb(221,141,49)
```
#e68e28
```
#e68e28 rgb(230,142,40)
```
#f08f1e
```
#f08f1e rgb(240,143,30)
```
#f99015
```
#f99015 rgb(249,144,21)
```

Tone Color Variation

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

#a29669 Protanopia 1% of men
#b29067 Deuteranopia 1% of men
#b78a93 Tritanopia 0.001% of the population

Trichromacy

#a69165 Protanomaly 1% of men, 0.01% of women
#b18d64 Deuteranomaly 6% of men, 0.4% of women
#b48a80 Tritanomaly 0.01% of the population

#af8a5f hex color

#af8a5f Color Information

#af8a5f Color Conversion

Color Schemes with #af8a5f

Alternatives to #af8a5f

#af8a5f Preview

Shades and Tints of #af8a5f

Tones of #af8a5f

Color Blindness Simulator