#af5f17 hex color

In a RGB color space, hex #af5f17 is composed of 68.6% red, 37.3% green and 9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 45.7% magenta, 86.9% yellow and 31.4% black. It has a hue angle of 28.4 degrees, a saturation of 76.8% and a lightness of 38.8%. #af5f17 color hex could be obtained by blending #ffbe2e with #5f0000. Closest websafe color is: #996600.

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

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

The hexadecimal color #af5f17 has RGB values of R:175, G:95, B:23 and CMYK values of C:0, M:0.46, Y:0.87, K:0.31. Its decimal value is 11493143.

Hex triplet	af5f17	`#af5f17`
RGB Decimal	175, 95, 23	`rgb(175,95,23)`
RGB Percent	68.6, 37.3, 9	`rgb(68.6%,37.3%,9%)`
CMYK	0, 46, 87, 31
HSL	28.4°, 76.8, 38.8	`hsl(28.4,76.8%,38.8%)`
HSV (or HSB)	28.4°, 86.9, 68.6
Web Safe	996600	`#996600`

CIE-LAB	48.713, 27.718, 51.12
XYZ	21.927, 17.362, 3.007
xyY	0.518, 0.41, 17.362
CIE-LCH	48.713, 58.151, 61.533
CIE-LUV	48.713, 65.332, 43.022
Hunter-Lab	41.668, 21.013, 24.889
Binary	10101111, 01011111, 00010111

#af5f17
```
#af5f17 rgb(175,95,23)
```
#1767af
```
#1767af rgb(23,103,175)
```

Complementary Color

#af171b
```
#af171b rgb(175,23,27)
```
#af5f17
```
#af5f17 rgb(175,95,23)
```
#afab17
```
#afab17 rgb(175,171,23)
```

Analogous Color

#171baf
```
#171baf rgb(23,27,175)
```
#af5f17
```
#af5f17 rgb(175,95,23)
```
#17afab
```
#17afab rgb(23,175,171)
```

Split Complementary Color

#5f17af
```
#5f17af rgb(95,23,175)
```
#af5f17
```
#af5f17 rgb(175,95,23)
```
#17af5f
```
#17af5f rgb(23,175,95)
```

Triadic Color

#af1767
```
#af1767 rgb(175,23,103)
```
#af5f17
```
#af5f17 rgb(175,95,23)
```
#17af5f
```
#17af5f rgb(23,175,95)
```
#1767af
```
#1767af rgb(23,103,175)
```

Tetradic Color

#6b3a0e
```
#6b3a0e rgb(107,58,14)
```
#824711
```
#824711 rgb(130,71,17)
```
#985314
```
#985314 rgb(152,83,20)
```
#af5f17
```
#af5f17 rgb(175,95,23)
```
#c66b1a
```
#c66b1a rgb(198,107,26)
```
#dc771d
```
#dc771d rgb(220,119,29)
```
#e4842f
```
#e4842f rgb(228,132,47)
```

Monochromatic Color

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

#af3917
```
#af3917 rgb(175,57,23)
```
#af4617
```
#af4617 rgb(175,70,23)
```
#af5217
```
#af5217 rgb(175,82,23)
```
#af5f17
```
#af5f17 rgb(175,95,23)
```
#af6c17
```
#af6c17 rgb(175,108,23)
```
#af7817
```
#af7817 rgb(175,120,23)
```
#af8517
```
#af8517 rgb(175,133,23)
```

Similar Colors

Text with hexadecimal color #af5f17

This text has a font color of #af5f17.

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

#af5f17 background color

This paragraph has a background color of #af5f17.

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

#af5f17 border color

This element has a border color of #af5f17.

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

CSS codes

.text {color:#af5f17;}

.background {background-color:#af5f17;}

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

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

#020100
```
#020100 rgb(2,1,0)
```
#130a02
```
#130a02 rgb(19,10,2)
```
#241405
```
#241405 rgb(36,20,5)
```
#361d07
```
#361d07 rgb(54,29,7)
```
#472709
```
#472709 rgb(71,39,9)
```
#58300c
```
#58300c rgb(88,48,12)
```
#6a390e
```
#6a390e rgb(106,57,14)
```
#7b4310
```
#7b4310 rgb(123,67,16)
```
#8c4c12
```
#8c4c12 rgb(140,76,18)
```
#9e5615
```
#9e5615 rgb(158,86,21)
```
#af5f17
```
#af5f17 rgb(175,95,23)
```
#c06819
```
#c06819 rgb(192,104,25)
```
#d2721c
```
#d2721c rgb(210,114,28)
```

Shade Color Variation

#e27b1f
```
#e27b1f rgb(226,123,31)
```
#e48631
```
#e48631 rgb(228,134,49)
```
#e69042
```
#e69042 rgb(230,144,66)
```
#e89a53
```
#e89a53 rgb(232,154,83)
```
#eba465
```
#eba465 rgb(235,164,101)
```
#edae76
```
#edae76 rgb(237,174,118)
```
#efb987
```
#efb987 rgb(239,185,135)
```
#f2c399
```
#f2c399 rgb(242,195,153)
```
#f4cdaa
```
#f4cdaa rgb(244,205,170)
```
#f6d7bb
```
#f6d7bb rgb(246,215,187)
```
#f8e1cd
```
#f8e1cd rgb(248,225,205)
```
#fbecde
```
#fbecde rgb(251,236,222)
```
#fdf6ef
```
#fdf6ef rgb(253,246,239)
```

Tint Color Variation

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

#6a635c
```
#6a635c rgb(106,99,92)
```
#726254
```
#726254 rgb(114,98,84)
```
#7a624c
```
#7a624c rgb(122,98,76)
```
#816145
```
#816145 rgb(129,97,69)
```
#89613d
```
#89613d rgb(137,97,61)
```
#916135
```
#916135 rgb(145,97,53)
```
#98602e
```
#98602e rgb(152,96,46)
```
#a06026
```
#a06026 rgb(160,96,38)
```
#a75f1f
```
#a75f1f rgb(167,95,31)
```
#af5f17
```
#af5f17 rgb(175,95,23)
```
#b75f0f
```
#b75f0f rgb(183,95,15)
```
#be5e08
```
#be5e08 rgb(190,94,8)
```
#c65e00
```
#c65e00 rgb(198,94,0)
```

Tone Color Variation

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

#6f6f6f Achromatopsia 0.005% of the population
#7c6c5d Atypical Achromatopsia 0.001% of the population

Dichromacy

#897b28 Protanopia 1% of men
#99751b Deuteranopia 1% of men
#b66067 Tritanopia 0.001% of the population

Trichromacy

#967021 Protanomaly 1% of men, 0.01% of women
#a16d19 Deuteranomaly 6% of men, 0.4% of women
#b3604a Tritanomaly 0.01% of the population

#af5f17 hex color

#af5f17 Color Information

#af5f17 Color Conversion

Color Schemes with #af5f17

Alternatives to #af5f17

#af5f17 Preview

Shades and Tints of #af5f17

Tones of #af5f17

Color Blindness Simulator