#af7f16 hex color

In a RGB color space, hex #af7f16 is composed of 68.6% red, 49.8% green and 8.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 27.4% magenta, 87.4% yellow and 31.4% black. It has a hue angle of 41.2 degrees, a saturation of 77.7% and a lightness of 38.6%. #af7f16 color hex could be obtained by blending #fffe2c with #5f0000. Closest websafe color is: #996600.

♥
- f
- t
- g
- R 69
- G 50
- B 9
RGB color chart
- C 0
- M 27
- Y 87
- K 31
CMYK color chart

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

The hexadecimal color #af7f16 has RGB values of R:175, G:127, B:22 and CMYK values of C:0, M:0.27, Y:0.87, K:0.31. Its decimal value is 11501334.

Hex triplet	af7f16	`#af7f16`
RGB Decimal	175, 127, 22	`rgb(175,127,22)`
RGB Percent	68.6, 49.8, 8.6	`rgb(68.6%,49.8%,8.6%)`
CMYK	0, 27, 87, 31
HSL	41.2°, 77.7, 38.6	`hsl(41.2,77.7%,38.6%)`
HSV (or HSB)	41.2°, 87.4, 68.6
Web Safe	996600	`#996600`

CIE-LAB	56.439, 9.882, 57.745
XYZ	25.414, 24.352, 4.121
xyY	0.472, 0.452, 24.352
CIE-LCH	56.439, 58.584, 80.289
CIE-LUV	56.439, 39.892, 55.342
Hunter-Lab	49.348, 5.568, 29.592
Binary	10101111, 01111111, 00010110

#af7f16
```
#af7f16 rgb(175,127,22)
```
#1646af
```
#1646af rgb(22,70,175)
```

Complementary Color

#af3316
```
#af3316 rgb(175,51,22)
```
#af7f16
```
#af7f16 rgb(175,127,22)
```
#93af16
```
#93af16 rgb(147,175,22)
```

Analogous Color

#3216af
```
#3216af rgb(50,22,175)
```
#af7f16
```
#af7f16 rgb(175,127,22)
```
#1693af
```
#1693af rgb(22,147,175)
```

Split Complementary Color

#7f16af
```
#7f16af rgb(127,22,175)
```
#af7f16
```
#af7f16 rgb(175,127,22)
```
#16af7f
```
#16af7f rgb(22,175,127)
```

Triadic Color

#af1646
```
#af1646 rgb(175,22,70)
```
#af7f16
```
#af7f16 rgb(175,127,22)
```
#16af7f
```
#16af7f rgb(22,175,127)
```
#1646af
```
#1646af rgb(22,70,175)
```

Tetradic Color

#6b4e0d
```
#6b4e0d rgb(107,78,13)
```
#825e10
```
#825e10 rgb(130,94,16)
```
#986f13
```
#986f13 rgb(152,111,19)
```
#af7f16
```
#af7f16 rgb(175,127,22)
```
#c68f19
```
#c68f19 rgb(198,143,25)
```
#dca01c
```
#dca01c rgb(220,160,28)
```
#e5ab2d
```
#e5ab2d rgb(229,171,45)
```

Monochromatic Color

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

#af5916
```
#af5916 rgb(175,89,22)
```
#af6616
```
#af6616 rgb(175,102,22)
```
#af7216
```
#af7216 rgb(175,114,22)
```
#af7f16
```
#af7f16 rgb(175,127,22)
```
#af8c16
```
#af8c16 rgb(175,140,22)
```
#af9916
```
#af9916 rgb(175,153,22)
```
#afa516
```
#afa516 rgb(175,165,22)
```

Similar Colors

Text with hexadecimal color #af7f16

This text has a font color of #af7f16.

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

#af7f16 background color

This paragraph has a background color of #af7f16.

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

#af7f16 border color

This element has a border color of #af7f16.

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

CSS codes

.text {color:#af7f16;}

.background {background-color:#af7f16;}

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

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

#010100
```
#010100 rgb(1,1,0)
```
#120d02
```
#120d02 rgb(18,13,2)
```
#241a04
```
#241a04 rgb(36,26,4)
```
#352607
```
#352607 rgb(53,38,7)
```
#463309
```
#463309 rgb(70,51,9)
```
#58400b
```
#58400b rgb(88,64,11)
```
#694c0d
```
#694c0d rgb(105,76,13)
```
#7b590f
```
#7b590f rgb(123,89,15)
```
#8c6612
```
#8c6612 rgb(140,102,18)
```
#9e7214
```
#9e7214 rgb(158,114,20)
```
#af7f16
```
#af7f16 rgb(175,127,22)
```
#c08c18
```
#c08c18 rgb(192,140,24)
```
#d2981a
```
#d2981a rgb(210,152,26)
```

Shade Color Variation

#e3a51d
```
#e3a51d rgb(227,165,29)
```
#e5ac2f
```
#e5ac2f rgb(229,172,47)
```
#e7b340
```
#e7b340 rgb(231,179,64)
```
#e9ba52
```
#e9ba52 rgb(233,186,82)
```
#ebc163
```
#ebc163 rgb(235,193,99)
```
#eec874
```
#eec874 rgb(238,200,116)
```
#f0cf86
```
#f0cf86 rgb(240,207,134)
```
#f2d597
```
#f2d597 rgb(242,213,151)
```
#f4dca9
```
#f4dca9 rgb(244,220,169)
```
#f6e3ba
```
#f6e3ba rgb(246,227,186)
```
#f9eacb
```
#f9eacb rgb(249,234,203)
```
#fbf1dd
```
#fbf1dd rgb(251,241,221)
```
#fdf8ee
```
#fdf8ee rgb(253,248,238)
```

Tint Color Variation

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

#636362
```
#636362 rgb(99,99,98)
```
#6b665a
```
#6b665a rgb(107,102,90)
```
#726853
```
#726853 rgb(114,104,83)
```
#7a6b4b
```
#7a6b4b rgb(122,107,75)
```
#826e43
```
#826e43 rgb(130,110,67)
```
#89713c
```
#89713c rgb(137,113,60)
```
#917434
```
#917434 rgb(145,116,52)
```
#98772d
```
#98772d rgb(152,119,45)
```
#a07925
```
#a07925 rgb(160,121,37)
```
#a77c1e
```
#a77c1e rgb(167,124,30)
```
#af7f16
```
#af7f16 rgb(175,127,22)
```
#b7820e
```
#b7820e rgb(183,130,14)
```
#be8507
```
#be8507 rgb(190,133,7)
```

Tone Color Variation

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

#818181 Achromatopsia 0.005% of the population
#8a816c Atypical Achromatopsia 0.001% of the population

Dichromacy

#9e8d24 Protanopia 1% of men
#b08621 Deuteranopia 1% of men
#b97d85 Tritanopia 0.001% of the population

Trichromacy

#a4881f Protanomaly 1% of men, 0.01% of women
#b0831d Deuteranomaly 6% of men, 0.4% of women
#b57d5d Tritanomaly 0.01% of the population

#af7f16 hex color

#af7f16 Color Information

#af7f16 Color Conversion

Color Schemes with #af7f16

Alternatives to #af7f16

#af7f16 Preview

Shades and Tints of #af7f16

Tones of #af7f16

Color Blindness Simulator