#af7056 hex color

In a RGB color space, hex #af7056 is composed of 68.6% red, 43.9% green and 33.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 36% magenta, 50.9% yellow and 31.4% black. It has a hue angle of 17.5 degrees, a saturation of 35.7% and a lightness of 51.2%. #af7056 color hex could be obtained by blending #ffe0ac with #5f0000. Closest websafe color is: #996666.

♥
- f
- t
- g
- R 69
- G 44
- B 34
RGB color chart
- C 0
- M 36
- Y 51
- K 31
CMYK color chart

● #af7056 color description : Dark moderate orange.

The hexadecimal color #af7056 has RGB values of R:175, G:112, B:86 and CMYK values of C:0, M:0.36, Y:0.51, K:0.31. Its decimal value is 11497558.

Hex triplet	af7056	`#af7056`
RGB Decimal	175, 112, 86	`rgb(175,112,86)`
RGB Percent	68.6, 43.9, 33.7	`rgb(68.6%,43.9%,33.7%)`
CMYK	0, 36, 51, 31
HSL	17.5°, 35.7, 51.2	`hsl(17.5,35.7%,51.2%)`
HSV (or HSB)	17.5°, 50.9, 68.6
Web Safe	996666	`#996666`

CIE-LAB	53.358, 22.055, 24.758
XYZ	25.153, 21.376, 11.605
xyY	0.433, 0.368, 21.376
CIE-LCH	53.358, 33.157, 48.305
CIE-LUV	53.358, 46.137, 25.754
Hunter-Lab	46.234, 16.203, 17.482
Binary	10101111, 01110000, 01010110

#af7056
```
#af7056 rgb(175,112,86)
```
#5695af
```
#5695af rgb(86,149,175)
```

Complementary Color

#af5669
```
#af5669 rgb(175,86,105)
```
#af7056
```
#af7056 rgb(175,112,86)
```
#af9d56
```
#af9d56 rgb(175,157,86)
```

Analogous Color

#5669af
```
#5669af rgb(86,105,175)
```
#af7056
```
#af7056 rgb(175,112,86)
```
#56af9d
```
#56af9d rgb(86,175,157)
```

Split Complementary Color

#7056af
```
#7056af rgb(112,86,175)
```
#af7056
```
#af7056 rgb(175,112,86)
```
#56af70
```
#56af70 rgb(86,175,112)
```

Triadic Color

#af5695
```
#af5695 rgb(175,86,149)
```
#af7056
```
#af7056 rgb(175,112,86)
```
#56af70
```
#56af70 rgb(86,175,112)
```
#5695af
```
#5695af rgb(86,149,175)
```

Tetradic Color

#7d4f3b
```
#7d4f3b rgb(125,79,59)
```
#8f5943
```
#8f5943 rgb(143,89,67)
```
#a0644c
```
#a0644c rgb(160,100,76)
```
#af7056
```
#af7056 rgb(175,112,86)
```
#b77f67
```
#b77f67 rgb(183,127,103)
```
#bf8d79
```
#bf8d79 rgb(191,141,121)
```
#c89c8a
```
#c89c8a rgb(200,156,138)
```

Monochromatic Color

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

#af5a56
```
#af5a56 rgb(175,90,86)
```
#af6156
```
#af6156 rgb(175,97,86)
```
#af6956
```
#af6956 rgb(175,105,86)
```
#af7056
```
#af7056 rgb(175,112,86)
```
#af7756
```
#af7756 rgb(175,119,86)
```
#af7f56
```
#af7f56 rgb(175,127,86)
```
#af8656
```
#af8656 rgb(175,134,86)
```

Similar Colors

Text with hexadecimal color #af7056

This text has a font color of #af7056.

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

#af7056 background color

This paragraph has a background color of #af7056.

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

#af7056 border color

This element has a border color of #af7056.

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

CSS codes

.text {color:#af7056;}

.background {background-color:#af7056;}

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

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

#040302
```
#040302 rgb(4,3,2)
```
#110b08
```
#110b08 rgb(17,11,8)
```
#1f130f
```
#1f130f rgb(31,19,15)
```
#2c1c15
```
#2c1c15 rgb(44,28,21)
```
#39241b
```
#39241b rgb(57,36,27)
```
#472c21
```
#472c21 rgb(71,44,33)
```
#543528
```
#543528 rgb(84,53,40)
```
#613d2e
```
#613d2e rgb(97,61,46)
```
#6f4534
```
#6f4534 rgb(111,69,52)
```
#7c4e3b
```
#7c4e3b rgb(124,78,59)
```
#895641
```
#895641 rgb(137,86,65)
```
#975e47
```
#975e47 rgb(151,94,71)
```
#a4674e
```
#a4674e rgb(164,103,78)
```

Shade Color Variation

#af7056
```
#af7056 rgb(175,112,86)
```
#b57b63
```
#b57b63 rgb(181,123,99)
```
#bc8771
```
#bc8771 rgb(188,135,113)
```
#c2927e
```
#c2927e rgb(194,146,126)
```
#c89d8b
```
#c89d8b rgb(200,157,139)
```
#cfa899
```
#cfa899 rgb(207,168,153)
```
#d5b4a6
```
#d5b4a6 rgb(213,180,166)
```
#dbbfb3
```
#dbbfb3 rgb(219,191,179)
```
#e1cac1
```
#e1cac1 rgb(225,202,193)
```
#e8d5ce
```
#e8d5ce rgb(232,213,206)
```
#eee1db
```
#eee1db rgb(238,225,219)
```
#f4ece8
```
#f4ece8 rgb(244,236,232)
```
#fbf7f6
```
#fbf7f6 rgb(251,247,246)
```

Tint Color Variation

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

#89807c
```
#89807c rgb(137,128,124)
```
#927c73
```
#927c73 rgb(146,124,115)
```
#9c7869
```
#9c7869 rgb(156,120,105)
```
#a57460
```
#a57460 rgb(165,116,96)
```
#af7056
```
#af7056 rgb(175,112,86)
```
#b96c4c
```
#b96c4c rgb(185,108,76)
```
#c26843
```
#c26843 rgb(194,104,67)
```
#cc6439
```
#cc6439 rgb(204,100,57)
```
#d56030
```
#d56030 rgb(213,96,48)
```
#df5c26
```
#df5c26 rgb(223,92,38)
```
#e8581d
```
#e8581d rgb(232,88,29)
```
#f25413
```
#f25413 rgb(242,84,19)
```
#fc5009
```
#fc5009 rgb(252,80,9)
```

Tone Color Variation

Below, you can see how #af7056 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
#897d78 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8f8564 Protanopia 1% of men
#9f805c Deuteranopia 1% of men
#b5737b Tritanopia 0.001% of the population

Trichromacy

#9b7d5f Protanomaly 1% of men, 0.01% of women
#a57a5a Deuteranomaly 6% of men, 0.4% of women
#b3726d Tritanomaly 0.01% of the population

#af7056 hex color

#af7056 Color Information

#af7056 Color Conversion

Color Schemes with #af7056

Alternatives to #af7056

#af7056 Preview

Shades and Tints of #af7056

Tones of #af7056

Color Blindness Simulator