#af8a76 hex color

In a RGB color space, hex #af8a76 is composed of 68.6% red, 54.1% green and 46.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 21.1% magenta, 32.6% yellow and 31.4% black. It has a hue angle of 21.1 degrees, a saturation of 26.3% and a lightness of 57.5%. #af8a76 color hex could be obtained by blending #ffffec with #5f1500. Closest websafe color is: #999966.

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

● #af8a76 color description : Mostly desaturated dark orange.

The hexadecimal color #af8a76 has RGB values of R:175, G:138, B:118 and CMYK values of C:0, M:0.21, Y:0.33, K:0.31. Its decimal value is 11504246.

Hex triplet	af8a76	`#af8a76`
RGB Decimal	175, 138, 118	`rgb(175,138,118)`
RGB Percent	68.6, 54.1, 46.3	`rgb(68.6%,54.1%,46.3%)`
CMYK	0, 21, 33, 31
HSL	21.1°, 26.3, 57.5	`hsl(21.1,26.3%,57.5%)`
HSV (or HSB)	21.1°, 32.6, 68.6
Web Safe	999966	`#999966`

CIE-LAB	60.427, 11.148, 16.077
XYZ	30.038, 28.6, 21.077
xyY	0.377, 0.359, 28.6
CIE-LCH	60.427, 19.563, 55.262
CIE-LUV	60.427, 25.306, 19.257
Hunter-Lab	53.479, 6.67, 14.068
Binary	10101111, 10001010, 01110110

#af8a76
```
#af8a76 rgb(175,138,118)
```
#769baf
```
#769baf rgb(118,155,175)
```

Complementary Color

#af767f
```
#af767f rgb(175,118,127)
```
#af8a76
```
#af8a76 rgb(175,138,118)
```
#afa776
```
#afa776 rgb(175,167,118)
```

Analogous Color

#767faf
```
#767faf rgb(118,127,175)
```
#af8a76
```
#af8a76 rgb(175,138,118)
```
#76afa7
```
#76afa7 rgb(118,175,167)
```

Split Complementary Color

#8a76af
```
#8a76af rgb(138,118,175)
```
#af8a76
```
#af8a76 rgb(175,138,118)
```
#76af8a
```
#76af8a rgb(118,175,138)
```

Triadic Color

#af769b
```
#af769b rgb(175,118,155)
```
#af8a76
```
#af8a76 rgb(175,138,118)
```
#76af8a
```
#76af8a rgb(118,175,138)
```
#769baf
```
#769baf rgb(118,155,175)
```

Tetradic Color

#896450
```
#896450 rgb(137,100,80)
```
#997059
```
#997059 rgb(153,112,89)
```
#a67c66
```
#a67c66 rgb(166,124,102)
```
#af8a76
```
#af8a76 rgb(175,138,118)
```
#b89886
```
#b89886 rgb(184,152,134)
```
#c2a596
```
#c2a596 rgb(194,165,150)
```
#cbb3a6
```
#cbb3a6 rgb(203,179,166)
```

Monochromatic Color

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

#af7c76
```
#af7c76 rgb(175,124,118)
```
#af8176
```
#af8176 rgb(175,129,118)
```
#af8576
```
#af8576 rgb(175,133,118)
```
#af8a76
```
#af8a76 rgb(175,138,118)
```
#af8f76
```
#af8f76 rgb(175,143,118)
```
#af9476
```
#af9476 rgb(175,148,118)
```
#af9876
```
#af9876 rgb(175,152,118)
```

Similar Colors

Text with hexadecimal color #af8a76

This text has a font color of #af8a76.

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

#af8a76 background color

This paragraph has a background color of #af8a76.

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

#af8a76 border color

This element has a border color of #af8a76.

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

CSS codes

.text {color:#af8a76;}

.background {background-color:#af8a76;}

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

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

#0c0807
```
#0c0807 rgb(12,8,7)
```
#18120e
```
#18120e rgb(24,18,14)
```
#241b15
```
#241b15 rgb(36,27,21)
```
#31241c
```
#31241c rgb(49,36,28)
```
#3d2d24
```
#3d2d24 rgb(61,45,36)
```
#4a362b
```
#4a362b rgb(74,54,43)
```
#563f32
```
#563f32 rgb(86,63,50)
```
#624839
```
#624839 rgb(98,72,57)
```
#6f5141
```
#6f5141 rgb(111,81,65)
```
#7b5a48
```
#7b5a48 rgb(123,90,72)
```
#87634f
```
#87634f rgb(135,99,79)
```
#946c56
```
#946c56 rgb(148,108,86)
```
#a0755e
```
#a0755e rgb(160,117,94)
```

Shade Color Variation

#a87f6a
```
#a87f6a rgb(168,127,106)
```
#af8a76
```
#af8a76 rgb(175,138,118)
```
#b69582
```
#b69582 rgb(182,149,130)
```
#bd9f8f
```
#bd9f8f rgb(189,159,143)
```
#c5aa9b
```
#c5aa9b rgb(197,170,155)
```
#ccb4a8
```
#ccb4a8 rgb(204,180,168)
```
#d3bfb4
```
#d3bfb4 rgb(211,191,180)
```
#dac9c0
```
#dac9c0 rgb(218,201,192)
```
#e2d4cd
```
#e2d4cd rgb(226,212,205)
```
#e9dfd9
```
#e9dfd9 rgb(233,223,217)
```
#f0e9e5
```
#f0e9e5 rgb(240,233,229)
```
#f7f4f2
```
#f7f4f2 rgb(247,244,242)
```
#fffefe
```
#fffefe rgb(255,254,254)
```

Tint Color Variation

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

#96918f
```
#96918f rgb(150,145,143)
```
#9e8f87
```
#9e8f87 rgb(158,143,135)
```
#a78c7e
```
#a78c7e rgb(167,140,126)
```
#af8a76
```
#af8a76 rgb(175,138,118)
```
#b7886e
```
#b7886e rgb(183,136,110)
```
#c08565
```
#c08565 rgb(192,133,101)
```
#c8835d
```
#c8835d rgb(200,131,93)
```
#d08055
```
#d08055 rgb(208,128,85)
```
#d97e4c
```
#d97e4c rgb(217,126,76)
```
#e17b44
```
#e17b44 rgb(225,123,68)
```
#e9793c
```
#e9793c rgb(233,121,60)
```
#f27633
```
#f27633 rgb(242,118,51)
```
#fa742b
```
#fa742b rgb(250,116,43)
```

Tone Color Variation

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

#939393 Achromatopsia 0.005% of the population
#99918d Atypical Achromatopsia 0.001% of the population

Dichromacy

#9f9680 Protanopia 1% of men
#ae917c Deuteranopia 1% of men
#b68c96 Tritanopia 0.001% of the population

Trichromacy

#a5927c Protanomaly 1% of men, 0.01% of women
#ae8e7a Deuteranomaly 6% of men, 0.4% of women
#b38b8a Tritanomaly 0.01% of the population

#af8a76 hex color

#af8a76 Color Information

#af8a76 Color Conversion

Color Schemes with #af8a76

Alternatives to #af8a76

#af8a76 Preview

Shades and Tints of #af8a76

Tones of #af8a76

Color Blindness Simulator