#af8b5f hex color

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

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

● #af8b5f color description : Dark moderate orange.

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

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

CIE-LAB	60.254, 7.837, 28.681
XYZ	28.977, 28.407, 14.783
xyY	0.402, 0.394, 28.407
CIE-LCH	60.254, 29.732, 74.716
CIE-LUV	60.254, 26.826, 34.13
Hunter-Lab	53.298, 3.777, 20.864
Binary	10101111, 10001011, 01011111

#af8b5f
```
#af8b5f rgb(175,139,95)
```
#5f83af
```
#5f83af rgb(95,131,175)
```

Complementary Color

#af635f
```
#af635f rgb(175,99,95)
```
#af8b5f
```
#af8b5f rgb(175,139,95)
```
#abaf5f
```
#abaf5f rgb(171,175,95)
```

Analogous Color

#635faf
```
#635faf rgb(99,95,175)
```
#af8b5f
```
#af8b5f rgb(175,139,95)
```
#5fabaf
```
#5fabaf rgb(95,171,175)
```

Split Complementary Color

#8b5faf
```
#8b5faf rgb(139,95,175)
```
#af8b5f
```
#af8b5f rgb(175,139,95)
```
#5faf8b
```
#5faf8b rgb(95,175,139)
```

Triadic Color

#af5f83
```
#af5f83 rgb(175,95,131)
```
#af8b5f
```
#af8b5f rgb(175,139,95)
```
#5faf8b
```
#5faf8b rgb(95,175,139)
```
#5f83af
```
#5f83af rgb(95,131,175)
```

Tetradic Color

#816441
```
#816441 rgb(129,100,65)
```
#927149
```
#927149 rgb(146,113,73)
```
#a37e52
```
#a37e52 rgb(163,126,82)
```
#af8b5f
```
#af8b5f rgb(175,139,95)
```
#b89770
```
#b89770 rgb(184,151,112)
```
#c0a481
```
#c0a481 rgb(192,164,129)
```
#c9b092
```
#c9b092 rgb(201,176,146)
```

Monochromatic Color

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

#af775f
```
#af775f rgb(175,119,95)
```
#af7e5f
```
#af7e5f rgb(175,126,95)
```
#af845f
```
#af845f rgb(175,132,95)
```
#af8b5f
```
#af8b5f rgb(175,139,95)
```
#af925f
```
#af925f rgb(175,146,95)
```
#af985f
```
#af985f rgb(175,152,95)
```
#af9f5f
```
#af9f5f rgb(175,159,95)
```

Similar Colors

Text with hexadecimal color #af8b5f

This text has a font color of #af8b5f.

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

#af8b5f background color

This paragraph has a background color of #af8b5f.

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

#af8b5f border color

This element has a border color of #af8b5f.

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

CSS codes

.text {color:#af8b5f;}

.background {background-color:#af8b5f;}

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

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)
```
#58452c
```
#58452c rgb(88,69,44)
```
#664f33
```
#664f33 rgb(102,79,51)
```
#735939
```
#735939 rgb(115,89,57)
```
#806340
```
#806340 rgb(128,99,64)
```
#8d6d46
```
#8d6d46 rgb(141,109,70)
```
#9a774d
```
#9a774d rgb(154,119,77)
```
#a78153
```
#a78153 rgb(167,129,83)
```

Shade Color Variation

#af8b5f
```
#af8b5f rgb(175,139,95)
```
#b6946c
```
#b6946c rgb(182,148,108)
```
#bc9e79
```
#bc9e79 rgb(188,158,121)
```
#c3a786
```
#c3a786 rgb(195,167,134)
```
#c9b193
```
#c9b193 rgb(201,177,147)
```
#d0baa0
```
#d0baa0 rgb(208,186,160)
```
#d6c4ad
```
#d6c4ad rgb(214,196,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 #f99215 is the most saturated one.

#8a8784
```
#8a8784 rgb(138,135,132)
```
#93887b
```
#93887b rgb(147,136,123)
```
#9d8971
```
#9d8971 rgb(157,137,113)
```
#a68a68
```
#a68a68 rgb(166,138,104)
```
#af8b5f
```
#af8b5f rgb(175,139,95)
```
#b88c56
```
#b88c56 rgb(184,140,86)
```
#c18d4d
```
#c18d4d rgb(193,141,77)
```
#cb8e43
```
#cb8e43 rgb(203,142,67)
```
#d48f3a
```
#d48f3a rgb(212,143,58)
```
#dd9031
```
#dd9031 rgb(221,144,49)
```
#e69128
```
#e69128 rgb(230,145,40)
```
#f0911e
```
#f0911e rgb(240,145,30)
```
#f99215
```
#f99215 rgb(249,146,21)
```

Tone Color Variation

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

#919191 Achromatopsia 0.005% of the population
#979087 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a29669 Protanopia 1% of men
#b39067 Deuteranopia 1% of men
#b78b94 Tritanopia 0.001% of the population

Trichromacy

#a79265 Protanomaly 1% of men, 0.01% of women
#b28e64 Deuteranomaly 6% of men, 0.4% of women
#b48b81 Tritanomaly 0.01% of the population

#af8b5f hex color

#af8b5f Color Information

#af8b5f Color Conversion

Color Schemes with #af8b5f

Alternatives to #af8b5f

#af8b5f Preview

Shades and Tints of #af8b5f

Tones of #af8b5f

Color Blindness Simulator