#af885d hex color

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

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

● #af885d color description : Dark moderate orange.

The hexadecimal color #af885d has RGB values of R:175, G:136, B:93 and CMYK values of C:0, M:0.22, Y:0.47, K:0.31. Its decimal value is 11503709.

Hex triplet	af885d	`#af885d`
RGB Decimal	175, 136, 93	`rgb(175,136,93)`
RGB Percent	68.6, 53.3, 36.5	`rgb(68.6%,53.3%,36.5%)`
CMYK	0, 22, 47, 31
HSL	31.5°, 33.9, 52.5	`hsl(31.5,33.9%,52.5%)`
HSV (or HSB)	31.5°, 46.9, 68.6
Web Safe	999966	`#999966`

CIE-LAB	59.447, 9.299, 28.736
XYZ	28.459, 27.514, 14.167
xyY	0.406, 0.392, 27.514
CIE-LCH	59.447, 30.203, 72.067
CIE-LUV	59.447, 28.998, 33.722
Hunter-Lab	52.454, 5.053, 20.704
Binary	10101111, 10001000, 01011101

#af885d
```
#af885d rgb(175,136,93)
```
#5d84af
```
#5d84af rgb(93,132,175)
```

Complementary Color

#af5f5d
```
#af5f5d rgb(175,95,93)
```
#af885d
```
#af885d rgb(175,136,93)
```
#adaf5d
```
#adaf5d rgb(173,175,93)
```

Analogous Color

#5f5daf
```
#5f5daf rgb(95,93,175)
```
#af885d
```
#af885d rgb(175,136,93)
```
#5dadaf
```
#5dadaf rgb(93,173,175)
```

Split Complementary Color

#885daf
```
#885daf rgb(136,93,175)
```
#af885d
```
#af885d rgb(175,136,93)
```
#5daf88
```
#5daf88 rgb(93,175,136)
```

Triadic Color

#af5d84
```
#af5d84 rgb(175,93,132)
```
#af885d
```
#af885d rgb(175,136,93)
```
#5daf88
```
#5daf88 rgb(93,175,136)
```
#5d84af
```
#5d84af rgb(93,132,175)
```

Tetradic Color

#80613f
```
#80613f rgb(128,97,63)
```
#916e48
```
#916e48 rgb(145,110,72)
```
#a27b50
```
#a27b50 rgb(162,123,80)
```
#af885d
```
#af885d rgb(175,136,93)
```
#b7956e
```
#b7956e rgb(183,149,110)
```
#c0a17f
```
#c0a17f rgb(192,161,127)
```
#c8ae90
```
#c8ae90 rgb(200,174,144)
```

Monochromatic Color

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

#af745d
```
#af745d rgb(175,116,93)
```
#af7a5d
```
#af7a5d rgb(175,122,93)
```
#af815d
```
#af815d rgb(175,129,93)
```
#af885d
```
#af885d rgb(175,136,93)
```
#af8f5d
```
#af8f5d rgb(175,143,93)
```
#af965d
```
#af965d rgb(175,150,93)
```
#af9d5d
```
#af9d5d rgb(175,157,93)
```

Similar Colors

Text with hexadecimal color #af885d

This text has a font color of #af885d.

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

#af885d background color

This paragraph has a background color of #af885d.

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

#af885d border color

This element has a border color of #af885d.

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

CSS codes

.text {color:#af885d;}

.background {background-color:#af885d;}

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

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)
```
#3d2e1e
```
#3d2e1e rgb(61,46,30)
```
#4a3825
```
#4a3825 rgb(74,56,37)
```
#57422b
```
#57422b rgb(87,66,43)
```
#654c32
```
#654c32 rgb(101,76,50)
```
#725638
```
#725638 rgb(114,86,56)
```
#7f603f
```
#7f603f rgb(127,96,63)
```
#8c6a45
```
#8c6a45 rgb(140,106,69)
```
#99744c
```
#99744c rgb(153,116,76)
```
#a67e52
```
#a67e52 rgb(166,126,82)
```

Shade Color Variation

#af885d
```
#af885d rgb(175,136,93)
```
#b5926a
```
#b5926a rgb(181,146,106)
```
#bc9b77
```
#bc9b77 rgb(188,155,119)
```
#c2a584
```
#c2a584 rgb(194,165,132)
```
#c9af92
```
#c9af92 rgb(201,175,146)
```
#cfb89f
```
#cfb89f rgb(207,184,159)
```
#d6c2ac
```
#d6c2ac rgb(214,194,172)
```
#dcccb9
```
#dcccb9 rgb(220,204,185)
```
#e3d5c6
```
#e3d5c6 rgb(227,213,198)
```
#e9dfd3
```
#e9dfd3 rgb(233,223,211)
```
#f0e8e0
```
#f0e8e0 rgb(240,232,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 #f98c13 is the most saturated one.

#8a8682
```
#8a8682 rgb(138,134,130)
```
#938779
```
#938779 rgb(147,135,121)
```
#9c8770
```
#9c8770 rgb(156,135,112)
```
#a68866
```
#a68866 rgb(166,136,102)
```
#af885d
```
#af885d rgb(175,136,93)
```
#b88854
```
#b88854 rgb(184,136,84)
```
#c2894a
```
#c2894a rgb(194,137,74)
```
#cb8941
```
#cb8941 rgb(203,137,65)
```
#d48a38
```
#d48a38 rgb(212,138,56)
```
#de8a2e
```
#de8a2e rgb(222,138,46)
```
#e78b25
```
#e78b25 rgb(231,139,37)
```
#f08b1c
```
#f08b1c rgb(240,139,28)
```
#f98c13
```
#f98c13 rgb(249,140,19)
```

Tone Color Variation

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

#8f8f8f Achromatopsia 0.005% of the population
#958e85 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a09467 Protanopia 1% of men
#b18e65 Deuteranopia 1% of men
#b78891 Tritanopia 0.001% of the population

Trichromacy

#a59063 Protanomaly 1% of men, 0.01% of women
#b08c62 Deuteranomaly 6% of men, 0.4% of women
#b4887e Tritanomaly 0.01% of the population

#af885d hex color

#af885d Color Information

#af885d Color Conversion

Color Schemes with #af885d

Alternatives to #af885d

#af885d Preview

Shades and Tints of #af885d

Tones of #af885d

Color Blindness Simulator