#af8b4f hex color

In a RGB color space, hex #af8b4f is composed of 68.6% red, 54.5% green and 31% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 20.6% magenta, 54.9% yellow and 31.4% black. It has a hue angle of 37.5 degrees, a saturation of 37.8% and a lightness of 49.8%. #af8b4f color hex could be obtained by blending #ffff9e with #5f1700. Closest websafe color is: #999966.

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

● #af8b4f color description : Dark moderate orange.

The hexadecimal color #af8b4f has RGB values of R:175, G:139, B:79 and CMYK values of C:0, M:0.21, Y:0.55, K:0.31. Its decimal value is 11504463.

Hex triplet	af8b4f	`#af8b4f`
RGB Decimal	175, 139, 79	`rgb(175,139,79)`
RGB Percent	68.6, 54.5, 31	`rgb(68.6%,54.5%,31%)`
CMYK	0, 21, 55, 31
HSL	37.5°, 37.8, 49.8	`hsl(37.5,37.8%,49.8%)`
HSV (or HSB)	37.5°, 54.9, 68.6
Web Safe	999966	`#999966`

CIE-LAB	60.019, 6.298, 36.977
XYZ	28.323, 28.145, 11.337
xyY	0.418, 0.415, 28.145
CIE-LCH	60.019, 37.51, 80.334
CIE-LUV	60.019, 28.082, 42.5
Hunter-Lab	53.052, 2.457, 24.466
Binary	10101111, 10001011, 01001111

#af8b4f
```
#af8b4f rgb(175,139,79)
```
#4f73af
```
#4f73af rgb(79,115,175)
```

Complementary Color

#af5b4f
```
#af5b4f rgb(175,91,79)
```
#af8b4f
```
#af8b4f rgb(175,139,79)
```
#a3af4f
```
#a3af4f rgb(163,175,79)
```

Analogous Color

#5b4faf
```
#5b4faf rgb(91,79,175)
```
#af8b4f
```
#af8b4f rgb(175,139,79)
```
#4fa3af
```
#4fa3af rgb(79,163,175)
```

Split Complementary Color

#8b4faf
```
#8b4faf rgb(139,79,175)
```
#af8b4f
```
#af8b4f rgb(175,139,79)
```
#4faf8b
```
#4faf8b rgb(79,175,139)
```

Triadic Color

#af4f73
```
#af4f73 rgb(175,79,115)
```
#af8b4f
```
#af8b4f rgb(175,139,79)
```
#4faf8b
```
#4faf8b rgb(79,175,139)
```
#4f73af
```
#4f73af rgb(79,115,175)
```

Tetradic Color

#7a6137
```
#7a6137 rgb(122,97,55)
```
#8c6f3f
```
#8c6f3f rgb(140,111,63)
```
#9d7d47
```
#9d7d47 rgb(157,125,71)
```
#af8b4f
```
#af8b4f rgb(175,139,79)
```
#b79760
```
#b79760 rgb(183,151,96)
```
#bfa272
```
#bfa272 rgb(191,162,114)
```
#c7ae83
```
#c7ae83 rgb(199,174,131)
```

Monochromatic Color

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

#af734f
```
#af734f rgb(175,115,79)
```
#af7b4f
```
#af7b4f rgb(175,123,79)
```
#af834f
```
#af834f rgb(175,131,79)
```
#af8b4f
```
#af8b4f rgb(175,139,79)
```
#af934f
```
#af934f rgb(175,147,79)
```
#af9b4f
```
#af9b4f rgb(175,155,79)
```
#afa34f
```
#afa34f rgb(175,163,79)
```

Similar Colors

Text with hexadecimal color #af8b4f

This text has a font color of #af8b4f.

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

#af8b4f background color

This paragraph has a background color of #af8b4f.

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

#af8b4f border color

This element has a border color of #af8b4f.

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

CSS codes

.text {color:#af8b4f;}

.background {background-color:#af8b4f;}

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

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

#0d0a06
```
#0d0a06 rgb(13,10,6)
```
#1a150c
```
#1a150c rgb(26,21,12)
```
#282012
```
#282012 rgb(40,32,18)
```
#352a18
```
#352a18 rgb(53,42,24)
```
#43351e
```
#43351e rgb(67,53,30)
```
#504024
```
#504024 rgb(80,64,36)
```
#5e4b2a
```
#5e4b2a rgb(94,75,42)
```
#6b5530
```
#6b5530 rgb(107,85,48)
```
#796037
```
#796037 rgb(121,96,55)
```
#866b3d
```
#866b3d rgb(134,107,61)
```
#947643
```
#947643 rgb(148,118,67)
```
#a18049
```
#a18049 rgb(161,128,73)
```
#af8b4f
```
#af8b4f rgb(175,139,79)
```

Shade Color Variation

#b5945c
```
#b5945c rgb(181,148,92)
```
#bc9d6a
```
#bc9d6a rgb(188,157,106)
```
#c2a677
```
#c2a677 rgb(194,166,119)
```
#c8af85
```
#c8af85 rgb(200,175,133)
```
#ceb792
```
#ceb792 rgb(206,183,146)
```
#d4c0a0
```
#d4c0a0 rgb(212,192,160)
```
#dac9ad
```
#dac9ad rgb(218,201,173)
```
#e0d2bb
```
#e0d2bb rgb(224,210,187)
```
#e6dbc8
```
#e6dbc8 rgb(230,219,200)
```
#ece4d6
```
#ece4d6 rgb(236,228,214)
```
#f2ede3
```
#f2ede3 rgb(242,237,227)
```
#f9f6f1
```
#f9f6f1 rgb(249,246,241)
```
#fffffe
```
#fffffe rgb(255,255,254)
```

Tint Color Variation

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

#888176
```
#888176 rgb(136,129,118)
```
#92846c
```
#92846c rgb(146,132,108)
```
#9b8663
```
#9b8663 rgb(155,134,99)
```
#a58959
```
#a58959 rgb(165,137,89)
```
#af8b4f
```
#af8b4f rgb(175,139,79)
```
#b98d45
```
#b98d45 rgb(185,141,69)
```
#c3903b
```
#c3903b rgb(195,144,59)
```
#cc9232
```
#cc9232 rgb(204,146,50)
```
#d69528
```
#d69528 rgb(214,149,40)
```
#e0971e
```
#e0971e rgb(224,151,30)
```
#ea9a14
```
#ea9a14 rgb(234,154,20)
```
#f39c0b
```
#f39c0b rgb(243,156,11)
```
#fd9f01
```
#fd9f01 rgb(253,159,1)
```

Tone Color Variation

Below, you can see how #af8b4f 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
#958e82 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a49659 Protanopia 1% of men
#b58f58 Deuteranopia 1% of men
#b88993 Tritanopia 0.001% of the population

Trichromacy

#a89255 Protanomaly 1% of men, 0.01% of women
#b38e55 Deuteranomaly 6% of men, 0.4% of women
#b58a7a Tritanomaly 0.01% of the population

#af8b4f hex color

#af8b4f Color Information

#af8b4f Color Conversion

Color Schemes with #af8b4f

Alternatives to #af8b4f

#af8b4f Preview

Shades and Tints of #af8b4f

Tones of #af8b4f

Color Blindness Simulator