#af8f66 hex color

In a RGB color space, hex #af8f66 is composed of 68.6% red, 56.1% green and 40% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 18.3% magenta, 41.7% yellow and 31.4% black. It has a hue angle of 33.7 degrees, a saturation of 31.3% and a lightness of 54.3%. #af8f66 color hex could be obtained by blending #ffffcc with #5f1f00. Closest websafe color is: #999966.

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

● #af8f66 color description : Mostly desaturated dark orange.

The hexadecimal color #af8f66 has RGB values of R:175, G:143, B:102 and CMYK values of C:0, M:0.18, Y:0.42, K:0.31. Its decimal value is 11505510.

Hex triplet	af8f66	`#af8f66`
RGB Decimal	175, 143, 102	`rgb(175,143,102)`
RGB Percent	68.6, 56.1, 40	`rgb(68.6%,56.1%,40%)`
CMYK	0, 18, 42, 31
HSL	33.7°, 31.3, 54.3	`hsl(33.7,31.3%,54.3%)`
HSV (or HSB)	33.7°, 41.7, 68.6
Web Safe	999966	`#999966`

CIE-LAB	61.411, 6.384, 26.344
XYZ	29.9, 29.719, 16.731
xyY	0.392, 0.389, 29.719
CIE-LCH	61.411, 27.107, 76.377
CIE-LUV	61.411, 23.621, 32.159
Hunter-Lab	54.515, 2.5, 19.964
Binary	10101111, 10001111, 01100110

#af8f66
```
#af8f66 rgb(175,143,102)
```
#6686af
```
#6686af rgb(102,134,175)
```

Complementary Color

#af6b66
```
#af6b66 rgb(175,107,102)
```
#af8f66
```
#af8f66 rgb(175,143,102)
```
#abaf66
```
#abaf66 rgb(171,175,102)
```

Analogous Color

#6b66af
```
#6b66af rgb(107,102,175)
```
#af8f66
```
#af8f66 rgb(175,143,102)
```
#66abaf
```
#66abaf rgb(102,171,175)
```

Split Complementary Color

#8f66af
```
#8f66af rgb(143,102,175)
```
#af8f66
```
#af8f66 rgb(175,143,102)
```
#66af8f
```
#66af8f rgb(102,175,143)
```

Triadic Color

#af6686
```
#af6686 rgb(175,102,134)
```
#af8f66
```
#af8f66 rgb(175,143,102)
```
#66af8f
```
#66af8f rgb(102,175,143)
```
#6686af
```
#6686af rgb(102,134,175)
```

Tetradic Color

#846845
```
#846845 rgb(132,104,69)
```
#94754e
```
#94754e rgb(148,117,78)
```
#a58356
```
#a58356 rgb(165,131,86)
```
#af8f66
```
#af8f66 rgb(175,143,102)
```
#b89b77
```
#b89b77 rgb(184,155,119)
```
#c1a887
```
#c1a887 rgb(193,168,135)
```
#c9b498
```
#c9b498 rgb(201,180,152)
```

Monochromatic Color

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

#af7d66
```
#af7d66 rgb(175,125,102)
```
#af8366
```
#af8366 rgb(175,131,102)
```
#af8966
```
#af8966 rgb(175,137,102)
```
#af8f66
```
#af8f66 rgb(175,143,102)
```
#af9566
```
#af9566 rgb(175,149,102)
```
#af9b66
```
#af9b66 rgb(175,155,102)
```
#afa166
```
#afa166 rgb(175,161,102)
```

Similar Colors

Text with hexadecimal color #af8f66

This text has a font color of #af8f66.

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

#af8f66 background color

This paragraph has a background color of #af8f66.

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

#af8f66 border color

This element has a border color of #af8f66.

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

CSS codes

.text {color:#af8f66;}

.background {background-color:#af8f66;}

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

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, #020101 is the darkest color, while #f9f7f4 is the lightest one.

#020101
```
#020101 rgb(2,1,1)
```
#0e0b08
```
#0e0b08 rgb(14,11,8)
```
#1b160e
```
#1b160e rgb(27,22,14)
```
#282015
```
#282015 rgb(40,32,21)
```
#352a1c
```
#352a1c rgb(53,42,28)
```
#423422
```
#423422 rgb(66,52,34)
```
#4f3e29
```
#4f3e29 rgb(79,62,41)
```
#5c4930
```
#5c4930 rgb(92,73,48)
```
#695337
```
#695337 rgb(105,83,55)
```
#755d3d
```
#755d3d rgb(117,93,61)
```
#826744
```
#826744 rgb(130,103,68)
```
#8f714b
```
#8f714b rgb(143,113,75)
```
#9c7b52
```
#9c7b52 rgb(156,123,82)
```

Shade Color Variation

#a88659
```
#a88659 rgb(168,134,89)
```
#af8f66
```
#af8f66 rgb(175,143,102)
```
#b69873
```
#b69873 rgb(182,152,115)
```
#bca280
```
#bca280 rgb(188,162,128)
```
#c3ab8d
```
#c3ab8d rgb(195,171,141)
```
#cab59a
```
#cab59a rgb(202,181,154)
```
#d1bea6
```
#d1bea6 rgb(209,190,166)
```
#d7c8b3
```
#d7c8b3 rgb(215,200,179)
```
#ded1c0
```
#ded1c0 rgb(222,209,192)
```
#e5dacd
```
#e5dacd rgb(229,218,205)
```
#ece4da
```
#ece4da rgb(236,228,218)
```
#f2ede7
```
#f2ede7 rgb(242,237,231)
```
#f9f7f4
```
#f9f7f4 rgb(249,247,244)
```

Tint Color Variation

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

#8b8b8a
```
#8b8b8a rgb(139,139,138)
```
#948c81
```
#948c81 rgb(148,140,129)
```
#9d8d78
```
#9d8d78 rgb(157,141,120)
```
#a68e6f
```
#a68e6f rgb(166,142,111)
```
#af8f66
```
#af8f66 rgb(175,143,102)
```
#b8905d
```
#b8905d rgb(184,144,93)
```
#c19154
```
#c19154 rgb(193,145,84)
```
#ca924b
```
#ca924b rgb(202,146,75)
```
#d39342
```
#d39342 rgb(211,147,66)
```
#dc9539
```
#dc9539 rgb(220,149,57)
```
#e59630
```
#e59630 rgb(229,150,48)
```
#ee9727
```
#ee9727 rgb(238,151,39)
```
#f7981e
```
#f7981e rgb(247,152,30)
```

Tone Color Variation

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

#949494 Achromatopsia 0.005% of the population
#99938b Atypical Achromatopsia 0.001% of the population

Dichromacy

#a5996f Protanopia 1% of men
#b6936e Deuteranopia 1% of men
#b88f99 Tritanopia 0.001% of the population

Trichromacy

#a8956c Protanomaly 1% of men, 0.01% of women
#b3916b Deuteranomaly 6% of men, 0.4% of women
#b48f86 Tritanomaly 0.01% of the population

#af8f66 hex color

#af8f66 Color Information

#af8f66 Color Conversion

Color Schemes with #af8f66

Alternatives to #af8f66

#af8f66 Preview

Shades and Tints of #af8f66

Tones of #af8f66

Color Blindness Simulator