#af8456 hex color

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

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

● #af8456 color description : Dark moderate orange.

The hexadecimal color #af8456 has RGB values of R:175, G:132, B:86 and CMYK values of C:0, M:0.25, Y:0.51, K:0.31. Its decimal value is 11502678.

Hex triplet	af8456	`#af8456`
RGB Decimal	175, 132, 86	`rgb(175,132,86)`
RGB Percent	68.6, 51.8, 33.7	`rgb(68.6%,51.8%,33.7%)`
CMYK	0, 25, 51, 31
HSL	31°, 35.7, 51.2	`hsl(31,35.7%,51.2%)`
HSV (or HSB)	31°, 50.9, 68.6
Web Safe	999966	`#999966`

CIE-LAB	58.311, 10.836, 31.117
XYZ	27.61, 26.29, 12.424
xyY	0.416, 0.396, 26.29
CIE-LCH	58.311, 32.95, 70.8
CIE-LUV	58.311, 32.334, 35.547
Hunter-Lab	51.273, 6.392, 21.525
Binary	10101111, 10000100, 01010110

#af8456
```
#af8456 rgb(175,132,86)
```
#5681af
```
#5681af rgb(86,129,175)
```

Complementary Color

#af5856
```
#af5856 rgb(175,88,86)
```
#af8456
```
#af8456 rgb(175,132,86)
```
#aeaf56
```
#aeaf56 rgb(174,175,86)
```

Analogous Color

#5856af
```
#5856af rgb(88,86,175)
```
#af8456
```
#af8456 rgb(175,132,86)
```
#56aeaf
```
#56aeaf rgb(86,174,175)
```

Split Complementary Color

#8456af
```
#8456af rgb(132,86,175)
```
#af8456
```
#af8456 rgb(175,132,86)
```
#56af84
```
#56af84 rgb(86,175,132)
```

Triadic Color

#af5681
```
#af5681 rgb(175,86,129)
```
#af8456
```
#af8456 rgb(175,132,86)
```
#56af84
```
#56af84 rgb(86,175,132)
```
#5681af
```
#5681af rgb(86,129,175)
```

Tetradic Color

#7d5d3b
```
#7d5d3b rgb(125,93,59)
```
#8f6a43
```
#8f6a43 rgb(143,106,67)
```
#a0774c
```
#a0774c rgb(160,119,76)
```
#af8456
```
#af8456 rgb(175,132,86)
```
#b79167
```
#b79167 rgb(183,145,103)
```
#bf9d79
```
#bf9d79 rgb(191,157,121)
```
#c8aa8a
```
#c8aa8a rgb(200,170,138)
```

Monochromatic Color

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

#af6e56
```
#af6e56 rgb(175,110,86)
```
#af7556
```
#af7556 rgb(175,117,86)
```
#af7d56
```
#af7d56 rgb(175,125,86)
```
#af8456
```
#af8456 rgb(175,132,86)
```
#af8b56
```
#af8b56 rgb(175,139,86)
```
#af9356
```
#af9356 rgb(175,147,86)
```
#af9a56
```
#af9a56 rgb(175,154,86)
```

Similar Colors

Text with hexadecimal color #af8456

This text has a font color of #af8456.

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

#af8456 background color

This paragraph has a background color of #af8456.

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

#af8456 border color

This element has a border color of #af8456.

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

CSS codes

.text {color:#af8456;}

.background {background-color:#af8456;}

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

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)
```
#6f5234
```
#6f5234 rgb(111,82,52)
```
#7c5c3b
```
#7c5c3b rgb(124,92,59)
```
#896641
```
#896641 rgb(137,102,65)
```
#977047
```
#977047 rgb(151,112,71)
```
#a47a4e
```
#a47a4e rgb(164,122,78)
```

Shade Color Variation

#af8456
```
#af8456 rgb(175,132,86)
```
#b58e63
```
#b58e63 rgb(181,142,99)
```
#bc9771
```
#bc9771 rgb(188,151,113)
```
#c2a17e
```
#c2a17e rgb(194,161,126)
```
#c8ab8b
```
#c8ab8b rgb(200,171,139)
```
#cfb499
```
#cfb499 rgb(207,180,153)
```
#d5bea6
```
#d5bea6 rgb(213,190,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 #fc8709 is the most saturated one.

#89837c
```
#89837c rgb(137,131,124)
```
#928373
```
#928373 rgb(146,131,115)
```
#9c8369
```
#9c8369 rgb(156,131,105)
```
#a58460
```
#a58460 rgb(165,132,96)
```
#af8456
```
#af8456 rgb(175,132,86)
```
#b9844c
```
#b9844c rgb(185,132,76)
```
#c28543
```
#c28543 rgb(194,133,67)
```
#cc8539
```
#cc8539 rgb(204,133,57)
```
#d58530
```
#d58530 rgb(213,133,48)
```
#df8626
```
#df8626 rgb(223,134,38)
```
#e8861d
```
#e8861d rgb(232,134,29)
```
#f28613
```
#f28613 rgb(242,134,19)
```
#fc8709
```
#fc8709 rgb(252,135,9)
```

Tone Color Variation

Below, you can see how #af8456 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
#938a81 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9e9261 Protanopia 1% of men
#af8c5e Deuteranopia 1% of men
#b7848d Tritanopia 0.001% of the population

Trichromacy

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

#af8456 hex color

#af8456 Color Information

#af8456 Color Conversion

Color Schemes with #af8456

Alternatives to #af8456

#af8456 Preview

Shades and Tints of #af8456

Tones of #af8456

Color Blindness Simulator