#af8556 hex color

In a RGB color space, hex #af8556 is composed of 68.6% red, 52.2% green and 33.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 24% magenta, 50.9% yellow and 31.4% black. It has a hue angle of 31.7 degrees, a saturation of 35.7% and a lightness of 51.2%. #af8556 color hex could be obtained by blending #ffffac with #5f0b00. Closest websafe color is: #999966.

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

● #af8556 color description : Dark moderate orange.

The hexadecimal color #af8556 has RGB values of R:175, G:133, B:86 and CMYK values of C:0, M:0.24, Y:0.51, K:0.31. Its decimal value is 11502934.

Hex triplet	af8556	`#af8556`
RGB Decimal	175, 133, 86	`rgb(175,133,86)`
RGB Percent	68.6, 52.2, 33.7	`rgb(68.6%,52.2%,33.7%)`
CMYK	0, 24, 51, 31
HSL	31.7°, 35.7, 51.2	`hsl(31.7,35.7%,51.2%)`
HSV (or HSB)	31.7°, 50.9, 68.6
Web Safe	999966	`#999966`

CIE-LAB	58.567, 10.277, 31.44
XYZ	27.747, 26.562, 12.469
xyY	0.416, 0.398, 26.562
CIE-LCH	58.567, 33.078, 71.899
CIE-LUV	58.567, 31.649, 36.041
Hunter-Lab	51.539, 5.906, 21.732
Binary	10101111, 10000101, 01010110

#af8556
```
#af8556 rgb(175,133,86)
```
#5680af
```
#5680af rgb(86,128,175)
```

Complementary Color

#af5956
```
#af5956 rgb(175,89,86)
```
#af8556
```
#af8556 rgb(175,133,86)
```
#adaf56
```
#adaf56 rgb(173,175,86)
```

Analogous Color

#5956af
```
#5956af rgb(89,86,175)
```
#af8556
```
#af8556 rgb(175,133,86)
```
#56adaf
```
#56adaf rgb(86,173,175)
```

Split Complementary Color

#8556af
```
#8556af rgb(133,86,175)
```
#af8556
```
#af8556 rgb(175,133,86)
```
#56af85
```
#56af85 rgb(86,175,133)
```

Triadic Color

#af5680
```
#af5680 rgb(175,86,128)
```
#af8556
```
#af8556 rgb(175,133,86)
```
#56af85
```
#56af85 rgb(86,175,133)
```
#5680af
```
#5680af rgb(86,128,175)
```

Tetradic Color

#7d5e3b
```
#7d5e3b rgb(125,94,59)
```
#8f6b43
```
#8f6b43 rgb(143,107,67)
```
#a0784c
```
#a0784c rgb(160,120,76)
```
#af8556
```
#af8556 rgb(175,133,86)
```
#b79167
```
#b79167 rgb(183,145,103)
```
#bf9e79
```
#bf9e79 rgb(191,158,121)
```
#c8aa8a
```
#c8aa8a rgb(200,170,138)
```

Monochromatic Color

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

#af6f56
```
#af6f56 rgb(175,111,86)
```
#af7656
```
#af7656 rgb(175,118,86)
```
#af7e56
```
#af7e56 rgb(175,126,86)
```
#af8556
```
#af8556 rgb(175,133,86)
```
#af8c56
```
#af8c56 rgb(175,140,86)
```
#af9456
```
#af9456 rgb(175,148,86)
```
#af9b56
```
#af9b56 rgb(175,155,86)
```

Similar Colors

Text with hexadecimal color #af8556

This text has a font color of #af8556.

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

#af8556 background color

This paragraph has a background color of #af8556.

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

#af8556 border color

This element has a border color of #af8556.

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

CSS codes

.text {color:#af8556;}

.background {background-color:#af8556;}

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

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)
```
#110d08
```
#110d08 rgb(17,13,8)
```
#1f170f
```
#1f170f rgb(31,23,15)
```
#2c2115
```
#2c2115 rgb(44,33,21)
```
#392b1b
```
#392b1b rgb(57,43,27)
```
#473521
```
#473521 rgb(71,53,33)
```
#543f28
```
#543f28 rgb(84,63,40)
```
#61492e
```
#61492e rgb(97,73,46)
```
#6f5334
```
#6f5334 rgb(111,83,52)
```
#7c5d3b
```
#7c5d3b rgb(124,93,59)
```
#896741
```
#896741 rgb(137,103,65)
```
#977147
```
#977147 rgb(151,113,71)
```
#a47b4e
```
#a47b4e rgb(164,123,78)
```

Shade Color Variation

#af8556
```
#af8556 rgb(175,133,86)
```
#b58f63
```
#b58f63 rgb(181,143,99)
```
#bc9871
```
#bc9871 rgb(188,152,113)
```
#c2a27e
```
#c2a27e rgb(194,162,126)
```
#c8ab8b
```
#c8ab8b rgb(200,171,139)
```
#cfb599
```
#cfb599 rgb(207,181,153)
```
#d5bfa6
```
#d5bfa6 rgb(213,191,166)
```
#dbc8b3
```
#dbc8b3 rgb(219,200,179)
```
#e1d2c1
```
#e1d2c1 rgb(225,210,193)
```
#e8dbce
```
#e8dbce rgb(232,219,206)
```
#eee5db
```
#eee5db rgb(238,229,219)
```
#f4efe8
```
#f4efe8 rgb(244,239,232)
```
#fbf8f6
```
#fbf8f6 rgb(251,248,246)
```

Tint Color Variation

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

#89837c
```
#89837c rgb(137,131,124)
```
#928373
```
#928373 rgb(146,131,115)
```
#9c8469
```
#9c8469 rgb(156,132,105)
```
#a58460
```
#a58460 rgb(165,132,96)
```
#af8556
```
#af8556 rgb(175,133,86)
```
#b9864c
```
#b9864c rgb(185,134,76)
```
#c28643
```
#c28643 rgb(194,134,67)
```
#cc8739
```
#cc8739 rgb(204,135,57)
```
#d58730
```
#d58730 rgb(213,135,48)
```
#df8826
```
#df8826 rgb(223,136,38)
```
#e8881d
```
#e8881d rgb(232,136,29)
```
#f28913
```
#f28913 rgb(242,137,19)
```
#fc8909
```
#fc8909 rgb(252,137,9)
```

Tone Color Variation

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

#8c8c8c Achromatopsia 0.005% of the population
#938b81 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9f9261 Protanopia 1% of men
#b08c5e Deuteranopia 1% of men
#b7858e Tritanopia 0.001% of the population

Trichromacy

#a48d5d Protanomaly 1% of men, 0.01% of women
#af895b Deuteranomaly 6% of men, 0.4% of women
#b48579 Tritanomaly 0.01% of the population

#af8556 hex color

#af8556 Color Information

#af8556 Color Conversion

Color Schemes with #af8556

Alternatives to #af8556

#af8556 Preview

Shades and Tints of #af8556

Tones of #af8556

Color Blindness Simulator