#af885b hex color

In a RGB color space, hex #af885b is composed of 68.6% red, 53.3% green and 35.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 22.3% magenta, 48% yellow and 31.4% black. It has a hue angle of 32.1 degrees, a saturation of 34.4% and a lightness of 52.2%. #af885b color hex could be obtained by blending #ffffb6 with #5f1100. Closest websafe color is: #999966.

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

● #af885b color description : Dark moderate orange.

The hexadecimal color #af885b has RGB values of R:175, G:136, B:91 and CMYK values of C:0, M:0.22, Y:0.48, K:0.31. Its decimal value is 11503707.

Hex triplet	af885b	`#af885b`
RGB Decimal	175, 136, 91	`rgb(175,136,91)`
RGB Percent	68.6, 53.3, 35.7	`rgb(68.6%,53.3%,35.7%)`
CMYK	0, 22, 48, 31
HSL	32.1°, 34.4, 52.2	`hsl(32.1,34.4%,52.2%)`
HSV (or HSB)	32.1°, 48, 68.6
Web Safe	999966	`#999966`

CIE-LAB	59.415, 9.094, 29.791
XYZ	28.372, 27.479, 13.707
xyY	0.408, 0.395, 27.479
CIE-LCH	59.415, 31.148, 73.024
CIE-LUV	59.415, 29.174, 34.836
Hunter-Lab	52.42, 4.876, 21.191
Binary	10101111, 10001000, 01011011

#af885b
```
#af885b rgb(175,136,91)
```
#5b82af
```
#5b82af rgb(91,130,175)
```

Complementary Color

#af5e5b
```
#af5e5b rgb(175,94,91)
```
#af885b
```
#af885b rgb(175,136,91)
```
#acaf5b
```
#acaf5b rgb(172,175,91)
```

Analogous Color

#5e5baf
```
#5e5baf rgb(94,91,175)
```
#af885b
```
#af885b rgb(175,136,91)
```
#5bacaf
```
#5bacaf rgb(91,172,175)
```

Split Complementary Color

#885baf
```
#885baf rgb(136,91,175)
```
#af885b
```
#af885b rgb(175,136,91)
```
#5baf88
```
#5baf88 rgb(91,175,136)
```

Triadic Color

#af5b82
```
#af5b82 rgb(175,91,130)
```
#af885b
```
#af885b rgb(175,136,91)
```
#5baf88
```
#5baf88 rgb(91,175,136)
```
#5b82af
```
#5b82af rgb(91,130,175)
```

Tetradic Color

#7f613e
```
#7f613e rgb(127,97,62)
```
#916e46
```
#916e46 rgb(145,110,70)
```
#a27b4f
```
#a27b4f rgb(162,123,79)
```
#af885b
```
#af885b rgb(175,136,91)
```
#b7946c
```
#b7946c rgb(183,148,108)
```
#c0a17d
```
#c0a17d rgb(192,161,125)
```
#c8ad8e
```
#c8ad8e rgb(200,173,142)
```

Monochromatic Color

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

#af735b
```
#af735b rgb(175,115,91)
```
#af7a5b
```
#af7a5b rgb(175,122,91)
```
#af815b
```
#af815b rgb(175,129,91)
```
#af885b
```
#af885b rgb(175,136,91)
```
#af8f5b
```
#af8f5b rgb(175,143,91)
```
#af965b
```
#af965b rgb(175,150,91)
```
#af9d5b
```
#af9d5b rgb(175,157,91)
```

Similar Colors

Text with hexadecimal color #af885b

This text has a font color of #af885b.

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

#af885b background color

This paragraph has a background color of #af885b.

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

#af885b border color

This element has a border color of #af885b.

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

CSS codes

.text {color:#af885b;}

.background {background-color:#af885b;}

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

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

#070604
```
#070604 rgb(7,6,4)
```
#15100a
```
#15100a rgb(21,16,10)
```
#221a10
```
#221a10 rgb(34,26,16)
```
#2f2417
```
#2f2417 rgb(47,36,23)
```
#3c2e1d
```
#3c2e1d rgb(60,46,29)
```
#493824
```
#493824 rgb(73,56,36)
```
#56422a
```
#56422a rgb(86,66,42)
```
#644c31
```
#644c31 rgb(100,76,49)
```
#715637
```
#715637 rgb(113,86,55)
```
#7e603d
```
#7e603d rgb(126,96,61)
```
#8b6a44
```
#8b6a44 rgb(139,106,68)
```
#98744a
```
#98744a rgb(152,116,74)
```
#a67e51
```
#a67e51 rgb(166,126,81)
```

Shade Color Variation

#af885b
```
#af885b rgb(175,136,91)
```
#b59268
```
#b59268 rgb(181,146,104)
```
#bc9b75
```
#bc9b75 rgb(188,155,117)
```
#c2a583
```
#c2a583 rgb(194,165,131)
```
#c9ae90
```
#c9ae90 rgb(201,174,144)
```
#cfb89d
```
#cfb89d rgb(207,184,157)
```
#d6c1aa
```
#d6c1aa rgb(214,193,170)
```
#dccbb7
```
#dccbb7 rgb(220,203,183)
```
#e2d5c4
```
#e2d5c4 rgb(226,213,196)
```
#e9ded2
```
#e9ded2 rgb(233,222,210)
```
#efe8df
```
#efe8df rgb(239,232,223)
```
#f6f1ec
```
#f6f1ec rgb(246,241,236)
```
#fcfbf9
```
#fcfbf9 rgb(252,251,249)
```

Tint Color Variation

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

#898581
```
#898581 rgb(137,133,129)
```
#938677
```
#938677 rgb(147,134,119)
```
#9c876e
```
#9c876e rgb(156,135,110)
```
#a68764
```
#a68764 rgb(166,135,100)
```
#af885b
```
#af885b rgb(175,136,91)
```
#b88952
```
#b88952 rgb(184,137,82)
```
#c28948
```
#c28948 rgb(194,137,72)
```
#cb8a3f
```
#cb8a3f rgb(203,138,63)
```
#d58b35
```
#d58b35 rgb(213,139,53)
```
#de8b2c
```
#de8b2c rgb(222,139,44)
```
#e78c23
```
#e78c23 rgb(231,140,35)
```
#f18d19
```
#f18d19 rgb(241,141,25)
```
#fa8d10
```
#fa8d10 rgb(250,141,16)
```

Tone Color Variation

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

#a09466 Protanopia 1% of men
#b18e63 Deuteranopia 1% of men
#b78891 Tritanopia 0.001% of the population

Trichromacy

#a69062 Protanomaly 1% of men, 0.01% of women
#b08c60 Deuteranomaly 6% of men, 0.4% of women
#b4887d Tritanomaly 0.01% of the population

#af885b hex color

#af885b Color Information

#af885b Color Conversion

Color Schemes with #af885b

Alternatives to #af885b

#af885b Preview

Shades and Tints of #af885b

Tones of #af885b

Color Blindness Simulator