#af895f hex color

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

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

● #af895f color description : Dark moderate orange.

The hexadecimal color #af895f has RGB values of R:175, G:137, B:95 and CMYK values of C:0, M:0.22, Y:0.46, K:0.31. Its decimal value is 11503967.

Hex triplet	af895f	`#af895f`
RGB Decimal	175, 137, 95	`rgb(175,137,95)`
RGB Percent	68.6, 53.7, 37.3	`rgb(68.6%,53.7%,37.3%)`
CMYK	0, 22, 46, 31
HSL	31.5°, 33.3, 52.9	`hsl(31.5,33.3%,52.9%)`
HSV (or HSB)	31.5°, 45.7, 68.6
Web Safe	999966	`#999966`

CIE-LAB	59.737, 8.952, 28.012
XYZ	28.691, 27.833, 14.687
xyY	0.403, 0.391, 27.833
CIE-LCH	59.737, 29.407, 72.278
CIE-LUV	59.737, 28.154, 33.101
Hunter-Lab	52.757, 4.749, 20.424
Binary	10101111, 10001001, 01011111

#af895f
```
#af895f rgb(175,137,95)
```
#5f85af
```
#5f85af rgb(95,133,175)
```

Complementary Color

#af615f
```
#af615f rgb(175,97,95)
```
#af895f
```
#af895f rgb(175,137,95)
```
#adaf5f
```
#adaf5f rgb(173,175,95)
```

Analogous Color

#615faf
```
#615faf rgb(97,95,175)
```
#af895f
```
#af895f rgb(175,137,95)
```
#5fadaf
```
#5fadaf rgb(95,173,175)
```

Split Complementary Color

#895faf
```
#895faf rgb(137,95,175)
```
#af895f
```
#af895f rgb(175,137,95)
```
#5faf89
```
#5faf89 rgb(95,175,137)
```

Triadic Color

#af5f85
```
#af5f85 rgb(175,95,133)
```
#af895f
```
#af895f rgb(175,137,95)
```
#5faf89
```
#5faf89 rgb(95,175,137)
```
#5f85af
```
#5f85af rgb(95,133,175)
```

Tetradic Color

#816241
```
#816241 rgb(129,98,65)
```
#926f49
```
#926f49 rgb(146,111,73)
```
#a37c52
```
#a37c52 rgb(163,124,82)
```
#af895f
```
#af895f rgb(175,137,95)
```
#b89670
```
#b89670 rgb(184,150,112)
```
#c0a281
```
#c0a281 rgb(192,162,129)
```
#c9af92
```
#c9af92 rgb(201,175,146)
```

Monochromatic Color

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

#af755f
```
#af755f rgb(175,117,95)
```
#af7c5f
```
#af7c5f rgb(175,124,95)
```
#af825f
```
#af825f rgb(175,130,95)
```
#af895f
```
#af895f rgb(175,137,95)
```
#af905f
```
#af905f rgb(175,144,95)
```
#af965f
```
#af965f rgb(175,150,95)
```
#af9d5f
```
#af9d5f rgb(175,157,95)
```

Similar Colors

Text with hexadecimal color #af895f

This text has a font color of #af895f.

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

#af895f background color

This paragraph has a background color of #af895f.

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

#af895f border color

This element has a border color of #af895f.

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

CSS codes

.text {color:#af895f;}

.background {background-color:#af895f;}

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

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)
```
#4b3926
```
#4b3926 rgb(75,57,38)
```
#58432c
```
#58432c rgb(88,67,44)
```
#664d33
```
#664d33 rgb(102,77,51)
```
#735739
```
#735739 rgb(115,87,57)
```
#806140
```
#806140 rgb(128,97,64)
```
#8d6b46
```
#8d6b46 rgb(141,107,70)
```
#9a754d
```
#9a754d rgb(154,117,77)
```
#a77f53
```
#a77f53 rgb(167,127,83)
```

Shade Color Variation

#af895f
```
#af895f rgb(175,137,95)
```
#b6936c
```
#b6936c rgb(182,147,108)
```
#bc9c79
```
#bc9c79 rgb(188,156,121)
```
#c3a686
```
#c3a686 rgb(195,166,134)
```
#c9b093
```
#c9b093 rgb(201,176,147)
```
#d0b9a0
```
#d0b9a0 rgb(208,185,160)
```
#d6c3ad
```
#d6c3ad rgb(214,195,173)
```
#ddcdbb
```
#ddcdbb rgb(221,205,187)
```
#e3d6c8
```
#e3d6c8 rgb(227,214,200)
```
#eae0d5
```
#eae0d5 rgb(234,224,213)
```
#f0e9e2
```
#f0e9e2 rgb(240,233,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 #f98d15 is the most saturated one.

#8a8784
```
#8a8784 rgb(138,135,132)
```
#93887b
```
#93887b rgb(147,136,123)
```
#9d8871
```
#9d8871 rgb(157,136,113)
```
#a68968
```
#a68968 rgb(166,137,104)
```
#af895f
```
#af895f rgb(175,137,95)
```
#b88956
```
#b88956 rgb(184,137,86)
```
#c18a4d
```
#c18a4d rgb(193,138,77)
```
#cb8a43
```
#cb8a43 rgb(203,138,67)
```
#d48b3a
```
#d48b3a rgb(212,139,58)
```
#dd8b31
```
#dd8b31 rgb(221,139,49)
```
#e68c28
```
#e68c28 rgb(230,140,40)
```
#f08c1e
```
#f08c1e rgb(240,140,30)
```
#f98d15
```
#f98d15 rgb(249,141,21)
```

Tone Color Variation

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

#a19569 Protanopia 1% of men
#b28f67 Deuteranopia 1% of men
#b78992 Tritanopia 0.001% of the population

Trichromacy

#a69065 Protanomaly 1% of men, 0.01% of women
#b08d64 Deuteranomaly 6% of men, 0.4% of women
#b48980 Tritanomaly 0.01% of the population

#af895f hex color

#af895f Color Information

#af895f Color Conversion

Color Schemes with #af895f

Alternatives to #af895f

#af895f Preview

Shades and Tints of #af895f

Tones of #af895f

Color Blindness Simulator