#af8f76 hex color

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

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

● #af8f76 color description : Mostly desaturated dark orange.

The hexadecimal color #af8f76 has RGB values of R:175, G:143, B:118 and CMYK values of C:0, M:0.18, Y:0.33, K:0.31. Its decimal value is 11505526.

Hex triplet	af8f76	`#af8f76`
RGB Decimal	175, 143, 118	`rgb(175,143,118)`
RGB Percent	68.6, 56.1, 46.3	`rgb(68.6%,56.1%,46.3%)`
CMYK	0, 18, 33, 31
HSL	26.3°, 26.3, 57.5	`hsl(26.3,26.3%,57.5%)`
HSV (or HSB)	26.3°, 32.6, 68.6
Web Safe	999966	`#999966`

CIE-LAB	61.713, 8.357, 17.848
XYZ	30.771, 30.068, 21.321
xyY	0.375, 0.366, 30.068
CIE-LCH	61.713, 19.707, 64.908
CIE-LUV	61.713, 22.218, 22.072
Hunter-Lab	54.834, 4.21, 15.33
Binary	10101111, 10001111, 01110110

#af8f76
```
#af8f76 rgb(175,143,118)
```
#7696af
```
#7696af rgb(118,150,175)
```

Complementary Color

#af767a
```
#af767a rgb(175,118,122)
```
#af8f76
```
#af8f76 rgb(175,143,118)
```
#afac76
```
#afac76 rgb(175,172,118)
```

Analogous Color

#767aaf
```
#767aaf rgb(118,122,175)
```
#af8f76
```
#af8f76 rgb(175,143,118)
```
#76afac
```
#76afac rgb(118,175,172)
```

Split Complementary Color

#8f76af
```
#8f76af rgb(143,118,175)
```
#af8f76
```
#af8f76 rgb(175,143,118)
```
#76af8f
```
#76af8f rgb(118,175,143)
```

Triadic Color

#af7696
```
#af7696 rgb(175,118,150)
```
#af8f76
```
#af8f76 rgb(175,143,118)
```
#76af8f
```
#76af8f rgb(118,175,143)
```
#7696af
```
#7696af rgb(118,150,175)
```

Tetradic Color

#896950
```
#896950 rgb(137,105,80)
```
#997559
```
#997559 rgb(153,117,89)
```
#a68266
```
#a68266 rgb(166,130,102)
```
#af8f76
```
#af8f76 rgb(175,143,118)
```
#b89c86
```
#b89c86 rgb(184,156,134)
```
#c2a996
```
#c2a996 rgb(194,169,150)
```
#cbb6a6
```
#cbb6a6 rgb(203,182,166)
```

Monochromatic Color

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

#af8176
```
#af8176 rgb(175,129,118)
```
#af8676
```
#af8676 rgb(175,134,118)
```
#af8a76
```
#af8a76 rgb(175,138,118)
```
#af8f76
```
#af8f76 rgb(175,143,118)
```
#af9476
```
#af9476 rgb(175,148,118)
```
#af9976
```
#af9976 rgb(175,153,118)
```
#af9d76
```
#af9d76 rgb(175,157,118)
```

Similar Colors

Text with hexadecimal color #af8f76

This text has a font color of #af8f76.

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

#af8f76 background color

This paragraph has a background color of #af8f76.

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

#af8f76 border color

This element has a border color of #af8f76.

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

CSS codes

.text {color:#af8f76;}

.background {background-color:#af8f76;}

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

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

#0c0907
```
#0c0907 rgb(12,9,7)
```
#18120e
```
#18120e rgb(24,18,14)
```
#241c15
```
#241c15 rgb(36,28,21)
```
#31251c
```
#31251c rgb(49,37,28)
```
#3d2f24
```
#3d2f24 rgb(61,47,36)
```
#4a382b
```
#4a382b rgb(74,56,43)
```
#564232
```
#564232 rgb(86,66,50)
```
#624b39
```
#624b39 rgb(98,75,57)
```
#6f5541
```
#6f5541 rgb(111,85,65)
```
#7b5e48
```
#7b5e48 rgb(123,94,72)
```
#87684f
```
#87684f rgb(135,104,79)
```
#947156
```
#947156 rgb(148,113,86)
```
#a07b5e
```
#a07b5e rgb(160,123,94)
```

Shade Color Variation

#a8856a
```
#a8856a rgb(168,133,106)
```
#af8f76
```
#af8f76 rgb(175,143,118)
```
#b69982
```
#b69982 rgb(182,153,130)
```
#bda38f
```
#bda38f rgb(189,163,143)
```
#c5ad9b
```
#c5ad9b rgb(197,173,155)
```
#ccb7a8
```
#ccb7a8 rgb(204,183,168)
```
#d3c2b4
```
#d3c2b4 rgb(211,194,180)
```
#daccc0
```
#daccc0 rgb(218,204,192)
```
#e2d6cd
```
#e2d6cd rgb(226,214,205)
```
#e9e0d9
```
#e9e0d9 rgb(233,224,217)
```
#f0eae5
```
#f0eae5 rgb(240,234,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, #96928f is the less saturated color, while #fa862b is the most saturated one.

#96928f
```
#96928f rgb(150,146,143)
```
#9e9187
```
#9e9187 rgb(158,145,135)
```
#a7907e
```
#a7907e rgb(167,144,126)
```
#af8f76
```
#af8f76 rgb(175,143,118)
```
#b78e6e
```
#b78e6e rgb(183,142,110)
```
#c08d65
```
#c08d65 rgb(192,141,101)
```
#c88c5d
```
#c88c5d rgb(200,140,93)
```
#d08b55
```
#d08b55 rgb(208,139,85)
```
#d98a4c
```
#d98a4c rgb(217,138,76)
```
#e18944
```
#e18944 rgb(225,137,68)
```
#e9883c
```
#e9883c rgb(233,136,60)
```
#f28733
```
#f28733 rgb(242,135,51)
```
#fa862b
```
#fa862b rgb(250,134,43)
```

Tone Color Variation

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

#969696 Achromatopsia 0.005% of the population
#9b9590 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a39a7f Protanopia 1% of men
#b3947d Deuteranopia 1% of men
#b6909a Tritanopia 0.001% of the population

Trichromacy

#a7967c Protanomaly 1% of men, 0.01% of women
#b1927a Deuteranomaly 6% of men, 0.4% of women
#b3908d Tritanomaly 0.01% of the population

#af8f76 hex color

#af8f76 Color Information

#af8f76 Color Conversion

Color Schemes with #af8f76

Alternatives to #af8f76

#af8f76 Preview

Shades and Tints of #af8f76

Tones of #af8f76

Color Blindness Simulator