#af7d16 hex color

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

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

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

The hexadecimal color #af7d16 has RGB values of R:175, G:125, B:22 and CMYK values of C:0, M:0.29, Y:0.87, K:0.31. Its decimal value is 11500822.

Hex triplet	af7d16	`#af7d16`
RGB Decimal	175, 125, 22	`rgb(175,125,22)`
RGB Percent	68.6, 49, 8.6	`rgb(68.6%,49%,8.6%)`
CMYK	0, 29, 87, 31
HSL	40.4°, 77.7, 38.6	`hsl(40.4,77.7%,38.6%)`
HSV (or HSB)	40.4°, 87.4, 68.6
Web Safe	996600	`#996600`

CIE-LAB	55.928, 11, 57.33
XYZ	25.158, 23.841, 4.036
xyY	0.474, 0.45, 23.841
CIE-LCH	55.928, 58.376, 79.139
CIE-LUV	55.928, 41.448, 54.559
Hunter-Lab	48.827, 6.526, 29.278
Binary	10101111, 01111101, 00010110

#af7d16
```
#af7d16 rgb(175,125,22)
```
#1648af
```
#1648af rgb(22,72,175)
```

Complementary Color

#af3116
```
#af3116 rgb(175,49,22)
```
#af7d16
```
#af7d16 rgb(175,125,22)
```
#95af16
```
#95af16 rgb(149,175,22)
```

Analogous Color

#3016af
```
#3016af rgb(48,22,175)
```
#af7d16
```
#af7d16 rgb(175,125,22)
```
#1695af
```
#1695af rgb(22,149,175)
```

Split Complementary Color

#7d16af
```
#7d16af rgb(125,22,175)
```
#af7d16
```
#af7d16 rgb(175,125,22)
```
#16af7d
```
#16af7d rgb(22,175,125)
```

Triadic Color

#af1648
```
#af1648 rgb(175,22,72)
```
#af7d16
```
#af7d16 rgb(175,125,22)
```
#16af7d
```
#16af7d rgb(22,175,125)
```
#1648af
```
#1648af rgb(22,72,175)
```

Tetradic Color

#6b4c0d
```
#6b4c0d rgb(107,76,13)
```
#825d10
```
#825d10 rgb(130,93,16)
```
#986d13
```
#986d13 rgb(152,109,19)
```
#af7d16
```
#af7d16 rgb(175,125,22)
```
#c68d19
```
#c68d19 rgb(198,141,25)
```
#dc9d1c
```
#dc9d1c rgb(220,157,28)
```
#e5a92d
```
#e5a92d rgb(229,169,45)
```

Monochromatic Color

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

#af5716
```
#af5716 rgb(175,87,22)
```
#af6416
```
#af6416 rgb(175,100,22)
```
#af7016
```
#af7016 rgb(175,112,22)
```
#af7d16
```
#af7d16 rgb(175,125,22)
```
#af8a16
```
#af8a16 rgb(175,138,22)
```
#af9716
```
#af9716 rgb(175,151,22)
```
#afa316
```
#afa316 rgb(175,163,22)
```

Similar Colors

Text with hexadecimal color #af7d16

This text has a font color of #af7d16.

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

#af7d16 background color

This paragraph has a background color of #af7d16.

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

#af7d16 border color

This element has a border color of #af7d16.

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

CSS codes

.text {color:#af7d16;}

.background {background-color:#af7d16;}

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

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)
```
#241904
```
#241904 rgb(36,25,4)
```
#352607
```
#352607 rgb(53,38,7)
```
#463209
```
#463209 rgb(70,50,9)
```
#583f0b
```
#583f0b rgb(88,63,11)
```
#694b0d
```
#694b0d rgb(105,75,13)
```
#7b580f
```
#7b580f rgb(123,88,15)
```
#8c6412
```
#8c6412 rgb(140,100,18)
```
#9e7114
```
#9e7114 rgb(158,113,20)
```
#af7d16
```
#af7d16 rgb(175,125,22)
```
#c08918
```
#c08918 rgb(192,137,24)
```
#d2961a
```
#d2961a rgb(210,150,26)
```

Shade Color Variation

#e3a21d
```
#e3a21d rgb(227,162,29)
```
#e5a92f
```
#e5a92f rgb(229,169,47)
```
#e7b040
```
#e7b040 rgb(231,176,64)
```
#e9b852
```
#e9b852 rgb(233,184,82)
```
#ebbf63
```
#ebbf63 rgb(235,191,99)
```
#eec674
```
#eec674 rgb(238,198,116)
```
#f0cd86
```
#f0cd86 rgb(240,205,134)
```
#f2d497
```
#f2d497 rgb(242,212,151)
```
#f4dba9
```
#f4dba9 rgb(244,219,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 #be8207 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)
```
#826d43
```
#826d43 rgb(130,109,67)
```
#89703c
```
#89703c rgb(137,112,60)
```
#917334
```
#917334 rgb(145,115,52)
```
#98752d
```
#98752d rgb(152,117,45)
```
#a07825
```
#a07825 rgb(160,120,37)
```
#a77a1e
```
#a77a1e rgb(167,122,30)
```
#af7d16
```
#af7d16 rgb(175,125,22)
```
#b7800e
```
#b7800e rgb(183,128,14)
```
#be8207
```
#be8207 rgb(190,130,7)
```

Tone Color Variation

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

#808080 Achromatopsia 0.005% of the population
#897f6b Atypical Achromatopsia 0.001% of the population

Dichromacy

#9c8c24 Protanopia 1% of men
#af8520 Deuteranopia 1% of men
#b97b83 Tritanopia 0.001% of the population

Trichromacy

#a3861f Protanomaly 1% of men, 0.01% of women
#af821c Deuteranomaly 6% of men, 0.4% of women
#b57b5b Tritanomaly 0.01% of the population

#af7d16 hex color

#af7d16 Color Information

#af7d16 Color Conversion

Color Schemes with #af7d16

Alternatives to #af7d16

#af7d16 Preview

Shades and Tints of #af7d16

Tones of #af7d16

Color Blindness Simulator