#af6117 hex color

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

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

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

The hexadecimal color #af6117 has RGB values of R:175, G:97, B:23 and CMYK values of C:0, M:0.45, Y:0.87, K:0.31. Its decimal value is 11493655.

Hex triplet	af6117	`#af6117`
RGB Decimal	175, 97, 23	`rgb(175,97,23)`
RGB Percent	68.6, 38, 9	`rgb(68.6%,38%,9%)`
CMYK	0, 45, 87, 31
HSL	29.2°, 76.8, 38.8	`hsl(29.2,76.8%,38.8%)`
HSV (or HSB)	29.2°, 86.9, 68.6
Web Safe	996600	`#996600`

CIE-LAB	49.163, 26.626, 51.492
XYZ	22.109, 17.727, 3.068
xyY	0.515, 0.413, 17.727
CIE-LCH	49.163, 57.968, 62.657
CIE-LUV	49.163, 63.726, 43.749
Hunter-Lab	42.104, 20.052, 25.152
Binary	10101111, 01100001, 00010111

#af6117
```
#af6117 rgb(175,97,23)
```
#1765af
```
#1765af rgb(23,101,175)
```

Complementary Color

#af1719
```
#af1719 rgb(175,23,25)
```
#af6117
```
#af6117 rgb(175,97,23)
```
#afad17
```
#afad17 rgb(175,173,23)
```

Analogous Color

#1719af
```
#1719af rgb(23,25,175)
```
#af6117
```
#af6117 rgb(175,97,23)
```
#17afad
```
#17afad rgb(23,175,173)
```

Split Complementary Color

#6117af
```
#6117af rgb(97,23,175)
```
#af6117
```
#af6117 rgb(175,97,23)
```
#17af61
```
#17af61 rgb(23,175,97)
```

Triadic Color

#af1765
```
#af1765 rgb(175,23,101)
```
#af6117
```
#af6117 rgb(175,97,23)
```
#17af61
```
#17af61 rgb(23,175,97)
```
#1765af
```
#1765af rgb(23,101,175)
```

Tetradic Color

#6b3c0e
```
#6b3c0e rgb(107,60,14)
```
#824811
```
#824811 rgb(130,72,17)
```
#985514
```
#985514 rgb(152,85,20)
```
#af6117
```
#af6117 rgb(175,97,23)
```
#c66d1a
```
#c66d1a rgb(198,109,26)
```
#dc7a1d
```
#dc7a1d rgb(220,122,29)
```
#e4872f
```
#e4872f rgb(228,135,47)
```

Monochromatic Color

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

#af3b17
```
#af3b17 rgb(175,59,23)
```
#af4817
```
#af4817 rgb(175,72,23)
```
#af5417
```
#af5417 rgb(175,84,23)
```
#af6117
```
#af6117 rgb(175,97,23)
```
#af6e17
```
#af6e17 rgb(175,110,23)
```
#af7a17
```
#af7a17 rgb(175,122,23)
```
#af8717
```
#af8717 rgb(175,135,23)
```

Similar Colors

Text with hexadecimal color #af6117

This text has a font color of #af6117.

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

#af6117 background color

This paragraph has a background color of #af6117.

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

#af6117 border color

This element has a border color of #af6117.

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

CSS codes

.text {color:#af6117;}

.background {background-color:#af6117;}

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

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)
```
#130b02
```
#130b02 rgb(19,11,2)
```
#241405
```
#241405 rgb(36,20,5)
```
#361e07
```
#361e07 rgb(54,30,7)
```
#472709
```
#472709 rgb(71,39,9)
```
#58310c
```
#58310c rgb(88,49,12)
```
#6a3b0e
```
#6a3b0e rgb(106,59,14)
```
#7b4410
```
#7b4410 rgb(123,68,16)
```
#8c4e12
```
#8c4e12 rgb(140,78,18)
```
#9e5715
```
#9e5715 rgb(158,87,21)
```
#af6117
```
#af6117 rgb(175,97,23)
```
#c06b19
```
#c06b19 rgb(192,107,25)
```
#d2741c
```
#d2741c rgb(210,116,28)
```

Shade Color Variation

#e27e1f
```
#e27e1f rgb(226,126,31)
```
#e48831
```
#e48831 rgb(228,136,49)
```
#e69242
```
#e69242 rgb(230,146,66)
```
#e89c53
```
#e89c53 rgb(232,156,83)
```
#eba665
```
#eba665 rgb(235,166,101)
```
#edb076
```
#edb076 rgb(237,176,118)
```
#efba87
```
#efba87 rgb(239,186,135)
```
#f2c499
```
#f2c499 rgb(242,196,153)
```
#f4ceaa
```
#f4ceaa rgb(244,206,170)
```
#f6d8bb
```
#f6d8bb rgb(246,216,187)
```
#f8e2cd
```
#f8e2cd rgb(248,226,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 #c66000 is the most saturated one.

#6a635c
```
#6a635c rgb(106,99,92)
```
#726354
```
#726354 rgb(114,99,84)
```
#7a624c
```
#7a624c rgb(122,98,76)
```
#816245
```
#816245 rgb(129,98,69)
```
#89623d
```
#89623d rgb(137,98,61)
```
#916235
```
#916235 rgb(145,98,53)
```
#98622e
```
#98622e rgb(152,98,46)
```
#a06126
```
#a06126 rgb(160,97,38)
```
#a7611f
```
#a7611f rgb(167,97,31)
```
#af6117
```
#af6117 rgb(175,97,23)
```
#b7610f
```
#b7610f rgb(183,97,15)
```
#be6108
```
#be6108 rgb(190,97,8)
```
#c66000
```
#c66000 rgb(198,96,0)
```

Tone Color Variation

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

#707070 Achromatopsia 0.005% of the population
#7d6d5e Atypical Achromatopsia 0.001% of the population

Dichromacy

#8a7c27 Protanopia 1% of men
#9a761b Deuteranopia 1% of men
#b66269 Tritanopia 0.001% of the population

Trichromacy

#977221 Protanomaly 1% of men, 0.01% of women
#a26e19 Deuteranomaly 6% of men, 0.4% of women
#b3624b Tritanomaly 0.01% of the population

#af6117 hex color

#af6117 Color Information

#af6117 Color Conversion

Color Schemes with #af6117

Alternatives to #af6117

#af6117 Preview

Shades and Tints of #af6117

Tones of #af6117

Color Blindness Simulator