#af6a47 hex color

In a RGB color space, hex #af6a47 is composed of 68.6% red, 41.6% green and 27.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 39.4% magenta, 59.4% yellow and 31.4% black. It has a hue angle of 20.2 degrees, a saturation of 42.3% and a lightness of 48.2%. #af6a47 color hex could be obtained by blending #ffd48e with #5f0000. Closest websafe color is: #996633.

♥
- f
- t
- g
- R 69
- G 42
- B 28
RGB color chart
- C 0
- M 39
- Y 59
- K 31
CMYK color chart

● #af6a47 color description : Dark moderate orange.

The hexadecimal color #af6a47 has RGB values of R:175, G:106, B:71 and CMYK values of C:0, M:0.39, Y:0.59, K:0.31. Its decimal value is 11496007.

Hex triplet	af6a47	`#af6a47`
RGB Decimal	175, 106, 71	`rgb(175,106,71)`
RGB Percent	68.6, 41.6, 27.8	`rgb(68.6%,41.6%,27.8%)`
CMYK	0, 39, 59, 31
HSL	20.2°, 42.3, 48.2	`hsl(20.2,42.3%,48.2%)`
HSV (or HSB)	20.2°, 59.4, 68.6
Web Safe	996633	`#996633`

CIE-LAB	51.7, 24.093, 31.128
XYZ	23.971, 19.879, 8.535
xyY	0.458, 0.379, 19.879
CIE-LCH	51.7, 39.363, 52.26
CIE-LUV	51.7, 52.344, 31.001
Hunter-Lab	44.585, 17.945, 19.859
Binary	10101111, 01101010, 01000111

#af6a47
```
#af6a47 rgb(175,106,71)
```
#478caf
```
#478caf rgb(71,140,175)
```

Complementary Color

#af4758
```
#af4758 rgb(175,71,88)
```
#af6a47
```
#af6a47 rgb(175,106,71)
```
#af9e47
```
#af9e47 rgb(175,158,71)
```

Analogous Color

#4758af
```
#4758af rgb(71,88,175)
```
#af6a47
```
#af6a47 rgb(175,106,71)
```
#47af9e
```
#47af9e rgb(71,175,158)
```

Split Complementary Color

#6a47af
```
#6a47af rgb(106,71,175)
```
#af6a47
```
#af6a47 rgb(175,106,71)
```
#47af6a
```
#47af6a rgb(71,175,106)
```

Triadic Color

#af478c
```
#af478c rgb(175,71,140)
```
#af6a47
```
#af6a47 rgb(175,106,71)
```
#47af6a
```
#47af6a rgb(71,175,106)
```
#478caf
```
#478caf rgb(71,140,175)
```

Tetradic Color

#794931
```
#794931 rgb(121,73,49)
```
#8b5438
```
#8b5438 rgb(139,84,56)
```
#9d5f40
```
#9d5f40 rgb(157,95,64)
```
#af6a47
```
#af6a47 rgb(175,106,71)
```
#ba7755
```
#ba7755 rgb(186,119,85)
```
#c28667
```
#c28667 rgb(194,134,103)
```
#c9947a
```
#c9947a rgb(201,148,122)
```

Monochromatic Color

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

#af5047
```
#af5047 rgb(175,80,71)
```
#af5947
```
#af5947 rgb(175,89,71)
```
#af6147
```
#af6147 rgb(175,97,71)
```
#af6a47
```
#af6a47 rgb(175,106,71)
```
#af7347
```
#af7347 rgb(175,115,71)
```
#af7b47
```
#af7b47 rgb(175,123,71)
```
#af8447
```
#af8447 rgb(175,132,71)
```

Similar Colors

Text with hexadecimal color #af6a47

This text has a font color of #af6a47.

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

#af6a47 background color

This paragraph has a background color of #af6a47.

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

#af6a47 border color

This element has a border color of #af6a47.

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

CSS codes

.text {color:#af6a47;}

.background {background-color:#af6a47;}

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

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

#080503
```
#080503 rgb(8,5,3)
```
#160d09
```
#160d09 rgb(22,13,9)
```
#23150e
```
#23150e rgb(35,21,14)
```
#311e14
```
#311e14 rgb(49,30,20)
```
#3f261a
```
#3f261a rgb(63,38,26)
```
#4d2f1f
```
#4d2f1f rgb(77,47,31)
```
#5b3725
```
#5b3725 rgb(91,55,37)
```
#69402b
```
#69402b rgb(105,64,43)
```
#774830
```
#774830 rgb(119,72,48)
```
#855136
```
#855136 rgb(133,81,54)
```
#93593c
```
#93593c rgb(147,89,60)
```
#a16241
```
#a16241 rgb(161,98,65)
```
#af6a47
```
#af6a47 rgb(175,106,71)
```

Shade Color Variation

#b87451
```
#b87451 rgb(184,116,81)
```
#be7f5f
```
#be7f5f rgb(190,127,95)
```
#c48a6d
```
#c48a6d rgb(196,138,109)
```
#c9957b
```
#c9957b rgb(201,149,123)
```
#cfa189
```
#cfa189 rgb(207,161,137)
```
#d5ac97
```
#d5ac97 rgb(213,172,151)
```
#dab7a5
```
#dab7a5 rgb(218,183,165)
```
#e0c2b3
```
#e0c2b3 rgb(224,194,179)
```
#e6cdc1
```
#e6cdc1 rgb(230,205,193)
```
#ebd8cf
```
#ebd8cf rgb(235,216,207)
```
#f1e4dd
```
#f1e4dd rgb(241,228,221)
```
#f7efeb
```
#f7efeb rgb(247,239,235)
```
#fcfaf9
```
#fcfaf9 rgb(252,250,249)
```

Tint Color Variation

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

#807976
```
#807976 rgb(128,121,118)
```
#89766d
```
#89766d rgb(137,118,109)
```
#937363
```
#937363 rgb(147,115,99)
```
#9c705a
```
#9c705a rgb(156,112,90)
```
#a66d50
```
#a66d50 rgb(166,109,80)
```
#af6a47
```
#af6a47 rgb(175,106,71)
```
#b8673e
```
#b8673e rgb(184,103,62)
```
#c26434
```
#c26434 rgb(194,100,52)
```
#cb612b
```
#cb612b rgb(203,97,43)
```
#d55e21
```
#d55e21 rgb(213,94,33)
```
#de5b18
```
#de5b18 rgb(222,91,24)
```
#e8570e
```
#e8570e rgb(232,87,14)
```
#f15405
```
#f15405 rgb(241,84,5)
```

Tone Color Variation

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

#7b7b7b Achromatopsia 0.005% of the population
#857871 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8d8256 Protanopia 1% of men
#9d7c4d Deuteranopia 1% of men
#b56d74 Tritanopia 0.001% of the population

Trichromacy

#997950 Protanomaly 1% of men, 0.01% of women
#a3754b Deuteranomaly 6% of men, 0.4% of women
#b36b63 Tritanomaly 0.01% of the population

#af6a47 hex color

#af6a47 Color Information

#af6a47 Color Conversion

Color Schemes with #af6a47

Alternatives to #af6a47

#af6a47 Preview

Shades and Tints of #af6a47

Tones of #af6a47

Color Blindness Simulator