#af7e16 hex color

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

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

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

The hexadecimal color #af7e16 has RGB values of R:175, G:126, B:22 and CMYK values of C:0, M:0.28, Y:0.87, K:0.31. Its decimal value is 11501078.

Hex triplet	af7e16	`#af7e16`
RGB Decimal	175, 126, 22	`rgb(175,126,22)`
RGB Percent	68.6, 49.4, 8.6	`rgb(68.6%,49.4%,8.6%)`
CMYK	0, 28, 87, 31
HSL	40.8°, 77.7, 38.6	`hsl(40.8,77.7%,38.6%)`
HSV (or HSB)	40.8°, 87.4, 68.6
Web Safe	996600	`#996600`

CIE-LAB	56.183, 10.441, 57.537
XYZ	25.285, 24.095, 4.078
xyY	0.473, 0.451, 24.095
CIE-LCH	56.183, 58.477, 79.715
CIE-LUV	56.183, 40.669, 54.95
Hunter-Lab	49.087, 6.047, 29.435
Binary	10101111, 01111110, 00010110

#af7e16
```
#af7e16 rgb(175,126,22)
```
#1647af
```
#1647af rgb(22,71,175)
```

Complementary Color

#af3216
```
#af3216 rgb(175,50,22)
```
#af7e16
```
#af7e16 rgb(175,126,22)
```
#94af16
```
#94af16 rgb(148,175,22)
```

Analogous Color

#3116af
```
#3116af rgb(49,22,175)
```
#af7e16
```
#af7e16 rgb(175,126,22)
```
#1694af
```
#1694af rgb(22,148,175)
```

Split Complementary Color

#7e16af
```
#7e16af rgb(126,22,175)
```
#af7e16
```
#af7e16 rgb(175,126,22)
```
#16af7e
```
#16af7e rgb(22,175,126)
```

Triadic Color

#af1647
```
#af1647 rgb(175,22,71)
```
#af7e16
```
#af7e16 rgb(175,126,22)
```
#16af7e
```
#16af7e rgb(22,175,126)
```
#1647af
```
#1647af rgb(22,71,175)
```

Tetradic Color

#6b4d0d
```
#6b4d0d rgb(107,77,13)
```
#825d10
```
#825d10 rgb(130,93,16)
```
#986e13
```
#986e13 rgb(152,110,19)
```
#af7e16
```
#af7e16 rgb(175,126,22)
```
#c68e19
```
#c68e19 rgb(198,142,25)
```
#dc9f1c
```
#dc9f1c rgb(220,159,28)
```
#e5aa2d
```
#e5aa2d rgb(229,170,45)
```

Monochromatic Color

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

#af5816
```
#af5816 rgb(175,88,22)
```
#af6516
```
#af6516 rgb(175,101,22)
```
#af7116
```
#af7116 rgb(175,113,22)
```
#af7e16
```
#af7e16 rgb(175,126,22)
```
#af8b16
```
#af8b16 rgb(175,139,22)
```
#af9816
```
#af9816 rgb(175,152,22)
```
#afa416
```
#afa416 rgb(175,164,22)
```

Similar Colors

Text with hexadecimal color #af7e16

This text has a font color of #af7e16.

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

#af7e16 background color

This paragraph has a background color of #af7e16.

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

#af7e16 border color

This element has a border color of #af7e16.

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

CSS codes

.text {color:#af7e16;}

.background {background-color:#af7e16;}

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

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)
```
#583f0b
```
#583f0b rgb(88,63,11)
```
#694c0d
```
#694c0d rgb(105,76,13)
```
#7b580f
```
#7b580f rgb(123,88,15)
```
#8c6512
```
#8c6512 rgb(140,101,18)
```
#9e7114
```
#9e7114 rgb(158,113,20)
```
#af7e16
```
#af7e16 rgb(175,126,22)
```
#c08b18
```
#c08b18 rgb(192,139,24)
```
#d2971a
```
#d2971a rgb(210,151,26)
```

Shade Color Variation

#e3a31d
```
#e3a31d rgb(227,163,29)
```
#e5aa2f
```
#e5aa2f rgb(229,170,47)
```
#e7b240
```
#e7b240 rgb(231,178,64)
```
#e9b952
```
#e9b952 rgb(233,185,82)
```
#ebc063
```
#ebc063 rgb(235,192,99)
```
#eec774
```
#eec774 rgb(238,199,116)
```
#f0ce86
```
#f0ce86 rgb(240,206,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 #be8307 is the most saturated one.

#636362
```
#636362 rgb(99,99,98)
```
#6b655a
```
#6b655a rgb(107,101,90)
```
#726853
```
#726853 rgb(114,104,83)
```
#7a6b4b
```
#7a6b4b rgb(122,107,75)
```
#826e43
```
#826e43 rgb(130,110,67)
```
#89703c
```
#89703c rgb(137,112,60)
```
#917334
```
#917334 rgb(145,115,52)
```
#98762d
```
#98762d rgb(152,118,45)
```
#a07925
```
#a07925 rgb(160,121,37)
```
#a77b1e
```
#a77b1e rgb(167,123,30)
```
#af7e16
```
#af7e16 rgb(175,126,22)
```
#b7810e
```
#b7810e rgb(183,129,14)
```
#be8307
```
#be8307 rgb(190,131,7)
```

Tone Color Variation

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

Dichromacy

#9d8d24 Protanopia 1% of men
#af8621 Deuteranopia 1% of men
#b97c84 Tritanopia 0.001% of the population

Trichromacy

#a3871f Protanomaly 1% of men, 0.01% of women
#af831d Deuteranomaly 6% of men, 0.4% of women
#b57c5c Tritanomaly 0.01% of the population

#af7e16 hex color

#af7e16 Color Information

#af7e16 Color Conversion

Color Schemes with #af7e16

Alternatives to #af7e16

#af7e16 Preview

Shades and Tints of #af7e16

Tones of #af7e16

Color Blindness Simulator