#af8b1f hex color

In a RGB color space, hex #af8b1f is composed of 68.6% red, 54.5% green and 12.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 20.6% magenta, 82.3% yellow and 31.4% black. It has a hue angle of 45 degrees, a saturation of 69.9% and a lightness of 40.4%. #af8b1f color hex could be obtained by blending #ffff3e with #5f1700. Closest websafe color is: #999933.

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

● #af8b1f color description : Dark orange [Brown tone].

The hexadecimal color #af8b1f has RGB values of R:175, G:139, B:31 and CMYK values of C:0, M:0.21, Y:0.82, K:0.31. Its decimal value is 11504415.

Hex triplet	af8b1f	`#af8b1f`
RGB Decimal	175, 139, 31	`rgb(175,139,31)`
RGB Percent	68.6, 54.5, 12.2	`rgb(68.6%,54.5%,12.2%)`
CMYK	0, 21, 82, 31
HSL	45°, 69.9, 40.4	`hsl(45,69.9%,40.4%)`
HSV (or HSB)	45°, 82.3, 68.6
Web Safe	999933	`#999933`

CIE-LAB	59.598, 3.477, 57.74
XYZ	27.16, 27.679, 5.208
xyY	0.452, 0.461, 27.679
CIE-LCH	59.598, 57.844, 86.554
CIE-LUV	59.598, 30.506, 58.581
Hunter-Lab	52.611, 0.078, 30.958
Binary	10101111, 10001011, 00011111

#af8b1f
```
#af8b1f rgb(175,139,31)
```
#1f43af
```
#1f43af rgb(31,67,175)
```

Complementary Color

#af431f
```
#af431f rgb(175,67,31)
```
#af8b1f
```
#af8b1f rgb(175,139,31)
```
#8baf1f
```
#8baf1f rgb(139,175,31)
```

Analogous Color

#431faf
```
#431faf rgb(67,31,175)
```
#af8b1f
```
#af8b1f rgb(175,139,31)
```
#1f8baf
```
#1f8baf rgb(31,139,175)
```

Split Complementary Color

#8b1faf
```
#8b1faf rgb(139,31,175)
```
#af8b1f
```
#af8b1f rgb(175,139,31)
```
#1faf8b
```
#1faf8b rgb(31,175,139)
```

Triadic Color

#af1f43
```
#af1f43 rgb(175,31,67)
```
#af8b1f
```
#af8b1f rgb(175,139,31)
```
#1faf8b
```
#1faf8b rgb(31,175,139)
```
#1f43af
```
#1f43af rgb(31,67,175)
```

Tetradic Color

#6e5713
```
#6e5713 rgb(110,87,19)
```
#846917
```
#846917 rgb(132,105,23)
```
#997a1b
```
#997a1b rgb(153,122,27)
```
#af8b1f
```
#af8b1f rgb(175,139,31)
```
#c59c23
```
#c59c23 rgb(197,156,35)
```
#d9ad28
```
#d9ad28 rgb(217,173,40)
```
#ddb53e
```
#ddb53e rgb(221,181,62)
```

Monochromatic Color

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

#af671f
```
#af671f rgb(175,103,31)
```
#af731f
```
#af731f rgb(175,115,31)
```
#af7f1f
```
#af7f1f rgb(175,127,31)
```
#af8b1f
```
#af8b1f rgb(175,139,31)
```
#af971f
```
#af971f rgb(175,151,31)
```
#afa31f
```
#afa31f rgb(175,163,31)
```
#afaf1f
```
#afaf1f rgb(175,175,31)
```

Similar Colors

Text with hexadecimal color #af8b1f

This text has a font color of #af8b1f.

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

#af8b1f background color

This paragraph has a background color of #af8b1f.

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

#af8b1f border color

This element has a border color of #af8b1f.

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

CSS codes

.text {color:#af8b1f;}

.background {background-color:#af8b1f;}

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

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

#080701
```
#080701 rgb(8,7,1)
```
#191404
```
#191404 rgb(25,20,4)
```
#2a2107
```
#2a2107 rgb(42,33,7)
```
#3a2e0a
```
#3a2e0a rgb(58,46,10)
```
#4b3c0d
```
#4b3c0d rgb(75,60,13)
```
#5c4910
```
#5c4910 rgb(92,73,16)
```
#6c5613
```
#6c5613 rgb(108,86,19)
```
#7d6316
```
#7d6316 rgb(125,99,22)
```
#8e7119
```
#8e7119 rgb(142,113,25)
```
#9e7e1c
```
#9e7e1c rgb(158,126,28)
```
#af8b1f
```
#af8b1f rgb(175,139,31)
```
#c09822
```
#c09822 rgb(192,152,34)
```
#d0a525
```
#d0a525 rgb(208,165,37)
```

Shade Color Variation

#daaf2f
```
#daaf2f rgb(218,175,47)
```
#ddb63f
```
#ddb63f rgb(221,182,63)
```
#e0bc50
```
#e0bc50 rgb(224,188,80)
```
#e3c261
```
#e3c261 rgb(227,194,97)
```
#e6c971
```
#e6c971 rgb(230,201,113)
```
#e9cf82
```
#e9cf82 rgb(233,207,130)
```
#ecd693
```
#ecd693 rgb(236,214,147)
```
#efdca3
```
#efdca3 rgb(239,220,163)
```
#f2e2b4
```
#f2e2b4 rgb(242,226,180)
```
#f5e9c5
```
#f5e9c5 rgb(245,233,197)
```
#f8efd5
```
#f8efd5 rgb(248,239,213)
```
#fbf5e6
```
#fbf5e6 rgb(251,245,230)
```
#fefcf7
```
#fefcf7 rgb(254,252,247)
```

Tint Color Variation

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

#686766
```
#686766 rgb(104,103,102)
```
#706b5e
```
#706b5e rgb(112,107,94)
```
#786f56
```
#786f56 rgb(120,111,86)
```
#7f734f
```
#7f734f rgb(127,115,79)
```
#877747
```
#877747 rgb(135,119,71)
```
#8f7b3f
```
#8f7b3f rgb(143,123,63)
```
#977f37
```
#977f37 rgb(151,127,55)
```
#9f832f
```
#9f832f rgb(159,131,47)
```
#a78727
```
#a78727 rgb(167,135,39)
```
#af8b1f
```
#af8b1f rgb(175,139,31)
```
#b78f17
```
#b78f17 rgb(183,143,23)
```
#bf930f
```
#bf930f rgb(191,147,15)
```
#c79707
```
#c79707 rgb(199,151,7)
```

Tone Color Variation

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

#898989 Achromatopsia 0.005% of the population
#918974 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a6952b Protanopia 1% of men
#b98e2c Deuteranopia 1% of men
#ba8791 Tritanopia 0.001% of the population

Trichromacy

#a99127 Protanomaly 1% of men, 0.01% of women
#b58d27 Deuteranomaly 6% of men, 0.4% of women
#b68867 Tritanomaly 0.01% of the population

#af8b1f hex color

#af8b1f Color Information

#af8b1f Color Conversion

Color Schemes with #af8b1f

Alternatives to #af8b1f

#af8b1f Preview

Shades and Tints of #af8b1f

Tones of #af8b1f

Color Blindness Simulator