#af8b64 hex color

In a RGB color space, hex #af8b64 is composed of 68.6% red, 54.5% green and 39.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 20.6% magenta, 42.9% yellow and 31.4% black. It has a hue angle of 31.2 degrees, a saturation of 31.9% and a lightness of 53.9%. #af8b64 color hex could be obtained by blending #ffffc8 with #5f1700. Closest websafe color is: #999966.

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

● #af8b64 color description : Mostly desaturated dark orange.

The hexadecimal color #af8b64 has RGB values of R:175, G:139, B:100 and CMYK values of C:0, M:0.21, Y:0.43, K:0.31. Its decimal value is 11504484.

Hex triplet	af8b64	`#af8b64`
RGB Decimal	175, 139, 100	`rgb(175,139,100)`
RGB Percent	68.6, 54.5, 39.2	`rgb(68.6%,54.5%,39.2%)`
CMYK	0, 21, 43, 31
HSL	31.2°, 31.9, 53.9	`hsl(31.2,31.9%,53.9%)`
HSV (or HSB)	31.2°, 42.9, 68.6
Web Safe	999966	`#999966`

CIE-LAB	60.338, 8.382, 26.037
XYZ	29.212, 28.5, 16.018
xyY	0.396, 0.387, 28.5
CIE-LCH	60.338, 27.353, 72.156
CIE-LUV	60.338, 26.392, 31.235
Hunter-Lab	53.386, 4.248, 19.58
Binary	10101111, 10001011, 01100100

#af8b64
```
#af8b64 rgb(175,139,100)
```
#6488af
```
#6488af rgb(100,136,175)
```

Complementary Color

#af6664
```
#af6664 rgb(175,102,100)
```
#af8b64
```
#af8b64 rgb(175,139,100)
```
#aeaf64
```
#aeaf64 rgb(174,175,100)
```

Analogous Color

#6664af
```
#6664af rgb(102,100,175)
```
#af8b64
```
#af8b64 rgb(175,139,100)
```
#64aeaf
```
#64aeaf rgb(100,174,175)
```

Split Complementary Color

#8b64af
```
#8b64af rgb(139,100,175)
```
#af8b64
```
#af8b64 rgb(175,139,100)
```
#64af8b
```
#64af8b rgb(100,175,139)
```

Triadic Color

#af6488
```
#af6488 rgb(175,100,136)
```
#af8b64
```
#af8b64 rgb(175,139,100)
```
#64af8b
```
#64af8b rgb(100,175,139)
```
#6488af
```
#6488af rgb(100,136,175)
```

Tetradic Color

#836544
```
#836544 rgb(131,101,68)
```
#94714c
```
#94714c rgb(148,113,76)
```
#a57e55
```
#a57e55 rgb(165,126,85)
```
#af8b64
```
#af8b64 rgb(175,139,100)
```
#b89875
```
#b89875 rgb(184,152,117)
```
#c0a486
```
#c0a486 rgb(192,164,134)
```
#c9b196
```
#c9b196 rgb(201,177,150)
```

Monochromatic Color

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

#af7864
```
#af7864 rgb(175,120,100)
```
#af7f64
```
#af7f64 rgb(175,127,100)
```
#af8564
```
#af8564 rgb(175,133,100)
```
#af8b64
```
#af8b64 rgb(175,139,100)
```
#af9164
```
#af9164 rgb(175,145,100)
```
#af9864
```
#af9864 rgb(175,152,100)
```
#af9e64
```
#af9e64 rgb(175,158,100)
```

Similar Colors

Text with hexadecimal color #af8b64

This text has a font color of #af8b64.

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

#af8b64 background color

This paragraph has a background color of #af8b64.

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

#af8b64 border color

This element has a border color of #af8b64.

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

CSS codes

.text {color:#af8b64;}

.background {background-color:#af8b64;}

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

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

#000000
```
#000000 rgb(0,0,0)
```
#0d0a07
```
#0d0a07 rgb(13,10,7)
```
#1a140d
```
#1a140d rgb(26,20,13)
```
#271e14
```
#271e14 rgb(39,30,20)
```
#34281b
```
#34281b rgb(52,40,27)
```
#413222
```
#413222 rgb(65,50,34)
```
#4e3c28
```
#4e3c28 rgb(78,60,40)
```
#5b462f
```
#5b462f rgb(91,70,47)
```
#685036
```
#685036 rgb(104,80,54)
```
#755a3c
```
#755a3c rgb(117,90,60)
```
#826443
```
#826443 rgb(130,100,67)
```
#8f6d4a
```
#8f6d4a rgb(143,109,74)
```
#9c7750
```
#9c7750 rgb(156,119,80)
```

Shade Color Variation

#a88157
```
#a88157 rgb(168,129,87)
```
#af8b64
```
#af8b64 rgb(175,139,100)
```
#b69571
```
#b69571 rgb(182,149,113)
```
#bc9e7e
```
#bc9e7e rgb(188,158,126)
```
#c3a88b
```
#c3a88b rgb(195,168,139)
```
#cab298
```
#cab298 rgb(202,178,152)
```
#d0bba5
```
#d0bba5 rgb(208,187,165)
```
#d7c5b2
```
#d7c5b2 rgb(215,197,178)
```
#decfbf
```
#decfbf rgb(222,207,191)
```
#e4d8cc
```
#e4d8cc rgb(228,216,204)
```
#ebe2d8
```
#ebe2d8 rgb(235,226,216)
```
#f2ece5
```
#f2ece5 rgb(242,236,229)
```
#f8f6f2
```
#f8f6f2 rgb(248,246,242)
```

Tint Color Variation

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

#8b8a88
```
#8b8a88 rgb(139,138,136)
```
#948a7f
```
#948a7f rgb(148,138,127)
```
#9d8a76
```
#9d8a76 rgb(157,138,118)
```
#a68b6d
```
#a68b6d rgb(166,139,109)
```
#af8b64
```
#af8b64 rgb(175,139,100)
```
#b88b5b
```
#b88b5b rgb(184,139,91)
```
#c18c52
```
#c18c52 rgb(193,140,82)
```
#ca8c49
```
#ca8c49 rgb(202,140,73)
```
#d38c40
```
#d38c40 rgb(211,140,64)
```
#dc8d37
```
#dc8d37 rgb(220,141,55)
```
#e58d2e
```
#e58d2e rgb(229,141,46)
```
#ee8e25
```
#ee8e25 rgb(238,142,37)
```
#f78e1c
```
#f78e1c rgb(247,142,28)
```

Tone Color Variation

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

Dichromacy

#a2966e Protanopia 1% of men
#b2916c Deuteranopia 1% of men
#b78b95 Tritanopia 0.001% of the population

Trichromacy

#a6926a Protanomaly 1% of men, 0.01% of women
#b18e69 Deuteranomaly 6% of men, 0.4% of women
#b48b83 Tritanomaly 0.01% of the population

#af8b64 hex color

#af8b64 Color Information

#af8b64 Color Conversion

Color Schemes with #af8b64

Alternatives to #af8b64

#af8b64 Preview

Shades and Tints of #af8b64

Tones of #af8b64

Color Blindness Simulator