#af7d56 hex color

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

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

● #af7d56 color description : Dark moderate orange.

The hexadecimal color #af7d56 has RGB values of R:175, G:125, B:86 and CMYK values of C:0, M:0.29, Y:0.51, K:0.31. Its decimal value is 11500886.

Hex triplet	af7d56	`#af7d56`
RGB Decimal	175, 125, 86	`rgb(175,125,86)`
RGB Percent	68.6, 49, 33.7	`rgb(68.6%,49%,33.7%)`
CMYK	0, 29, 51, 31
HSL	26.3°, 35.7, 51.2	`hsl(26.3,35.7%,51.2%)`
HSV (or HSB)	26.3°, 50.9, 68.6
Web Safe	996666	`#996666`

CIE-LAB	56.54, 14.76, 28.867
XYZ	26.693, 24.454, 12.118
xyY	0.422, 0.387, 24.454
CIE-LCH	56.54, 32.421, 62.918
CIE-LUV	56.54, 37.151, 32.094
Hunter-Lab	49.451, 9.81, 20.087
Binary	10101111, 01111101, 01010110

#af7d56
```
#af7d56 rgb(175,125,86)
```
#5688af
```
#5688af rgb(86,136,175)
```

Complementary Color

#af565c
```
#af565c rgb(175,86,92)
```
#af7d56
```
#af7d56 rgb(175,125,86)
```
#afaa56
```
#afaa56 rgb(175,170,86)
```

Analogous Color

#565caf
```
#565caf rgb(86,92,175)
```
#af7d56
```
#af7d56 rgb(175,125,86)
```
#56afaa
```
#56afaa rgb(86,175,170)
```

Split Complementary Color

#7d56af
```
#7d56af rgb(125,86,175)
```
#af7d56
```
#af7d56 rgb(175,125,86)
```
#56af7d
```
#56af7d rgb(86,175,125)
```

Triadic Color

#af5688
```
#af5688 rgb(175,86,136)
```
#af7d56
```
#af7d56 rgb(175,125,86)
```
#56af7d
```
#56af7d rgb(86,175,125)
```
#5688af
```
#5688af rgb(86,136,175)
```

Tetradic Color

#7d583b
```
#7d583b rgb(125,88,59)
```
#8f6443
```
#8f6443 rgb(143,100,67)
```
#a0714c
```
#a0714c rgb(160,113,76)
```
#af7d56
```
#af7d56 rgb(175,125,86)
```
#b78a67
```
#b78a67 rgb(183,138,103)
```
#bf9879
```
#bf9879 rgb(191,152,121)
```
#c8a58a
```
#c8a58a rgb(200,165,138)
```

Monochromatic Color

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

#af6756
```
#af6756 rgb(175,103,86)
```
#af6e56
```
#af6e56 rgb(175,110,86)
```
#af7656
```
#af7656 rgb(175,118,86)
```
#af7d56
```
#af7d56 rgb(175,125,86)
```
#af8456
```
#af8456 rgb(175,132,86)
```
#af8c56
```
#af8c56 rgb(175,140,86)
```
#af9356
```
#af9356 rgb(175,147,86)
```

Similar Colors

Text with hexadecimal color #af7d56

This text has a font color of #af7d56.

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

#af7d56 background color

This paragraph has a background color of #af7d56.

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

#af7d56 border color

This element has a border color of #af7d56.

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

CSS codes

.text {color:#af7d56;}

.background {background-color:#af7d56;}

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

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 #fbf8f6 is the lightest one.

#040302
```
#040302 rgb(4,3,2)
```
#110c08
```
#110c08 rgb(17,12,8)
```
#1f160f
```
#1f160f rgb(31,22,15)
```
#2c1f15
```
#2c1f15 rgb(44,31,21)
```
#39281b
```
#39281b rgb(57,40,27)
```
#473221
```
#473221 rgb(71,50,33)
```
#543b28
```
#543b28 rgb(84,59,40)
```
#61442e
```
#61442e rgb(97,68,46)
```
#6f4e34
```
#6f4e34 rgb(111,78,52)
```
#7c573b
```
#7c573b rgb(124,87,59)
```
#896141
```
#896141 rgb(137,97,65)
```
#976a47
```
#976a47 rgb(151,106,71)
```
#a4734e
```
#a4734e rgb(164,115,78)
```

Shade Color Variation

#af7d56
```
#af7d56 rgb(175,125,86)
```
#b58763
```
#b58763 rgb(181,135,99)
```
#bc9171
```
#bc9171 rgb(188,145,113)
```
#c29c7e
```
#c29c7e rgb(194,156,126)
```
#c8a68b
```
#c8a68b rgb(200,166,139)
```
#cfb099
```
#cfb099 rgb(207,176,153)
```
#d5baa6
```
#d5baa6 rgb(213,186,166)
```
#dbc5b3
```
#dbc5b3 rgb(219,197,179)
```
#e1cfc1
```
#e1cfc1 rgb(225,207,193)
```
#e8d9ce
```
#e8d9ce rgb(232,217,206)
```
#eee3db
```
#eee3db rgb(238,227,219)
```
#f4eee8
```
#f4eee8 rgb(244,238,232)
```
#fbf8f6
```
#fbf8f6 rgb(251,248,246)
```

Tint Color Variation

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

#89827c
```
#89827c rgb(137,130,124)
```
#928173
```
#928173 rgb(146,129,115)
```
#9c7f69
```
#9c7f69 rgb(156,127,105)
```
#a57e60
```
#a57e60 rgb(165,126,96)
```
#af7d56
```
#af7d56 rgb(175,125,86)
```
#b97c4c
```
#b97c4c rgb(185,124,76)
```
#c27b43
```
#c27b43 rgb(194,123,67)
```
#cc7939
```
#cc7939 rgb(204,121,57)
```
#d57830
```
#d57830 rgb(213,120,48)
```
#df7726
```
#df7726 rgb(223,119,38)
```
#e8761d
```
#e8761d rgb(232,118,29)
```
#f27513
```
#f27513 rgb(242,117,19)
```
#fc7409
```
#fc7409 rgb(252,116,9)
```

Tone Color Variation

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

#888888 Achromatopsia 0.005% of the population
#90867e Atypical Achromatopsia 0.001% of the population

Dichromacy

#998d62 Protanopia 1% of men
#a9875d Deuteranopia 1% of men
#b67e87 Tritanopia 0.001% of the population

Trichromacy

#a1875d Protanomaly 1% of men, 0.01% of women
#ab835a Deuteranomaly 6% of men, 0.4% of women
#b47d75 Tritanomaly 0.01% of the population

#af7d56 hex color

#af7d56 Color Information

#af7d56 Color Conversion

Color Schemes with #af7d56

Alternatives to #af7d56

#af7d56 Preview

Shades and Tints of #af7d56

Tones of #af7d56

Color Blindness Simulator