#af8356 hex color

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

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

● #af8356 color description : Dark moderate orange.

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

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

CIE-LAB	58.056, 11.396, 30.795
XYZ	27.475, 26.02, 12.379
xyY	0.417, 0.395, 26.02
CIE-LCH	58.056, 32.836, 69.692
CIE-LUV	58.056, 33.02, 35.053
Hunter-Lab	51.01, 6.879, 21.318
Binary	10101111, 10000011, 01010110

#af8356
```
#af8356 rgb(175,131,86)
```
#5682af
```
#5682af rgb(86,130,175)
```

Complementary Color

#af5756
```
#af5756 rgb(175,87,86)
```
#af8356
```
#af8356 rgb(175,131,86)
```
#afaf56
```
#afaf56 rgb(175,175,86)
```

Analogous Color

#5656af
```
#5656af rgb(86,86,175)
```
#af8356
```
#af8356 rgb(175,131,86)
```
#56afaf
```
#56afaf rgb(86,175,175)
```

Split Complementary Color

#8356af
```
#8356af rgb(131,86,175)
```
#af8356
```
#af8356 rgb(175,131,86)
```
#56af83
```
#56af83 rgb(86,175,131)
```

Triadic Color

#af5682
```
#af5682 rgb(175,86,130)
```
#af8356
```
#af8356 rgb(175,131,86)
```
#56af83
```
#56af83 rgb(86,175,131)
```
#5682af
```
#5682af rgb(86,130,175)
```

Tetradic Color

#7d5d3b
```
#7d5d3b rgb(125,93,59)
```
#8f6943
```
#8f6943 rgb(143,105,67)
```
#a0764c
```
#a0764c rgb(160,118,76)
```
#af8356
```
#af8356 rgb(175,131,86)
```
#b79067
```
#b79067 rgb(183,144,103)
```
#bf9c79
```
#bf9c79 rgb(191,156,121)
```
#c8a98a
```
#c8a98a rgb(200,169,138)
```

Monochromatic Color

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

#af6d56
```
#af6d56 rgb(175,109,86)
```
#af7456
```
#af7456 rgb(175,116,86)
```
#af7c56
```
#af7c56 rgb(175,124,86)
```
#af8356
```
#af8356 rgb(175,131,86)
```
#af8a56
```
#af8a56 rgb(175,138,86)
```
#af9256
```
#af9256 rgb(175,146,86)
```
#af9956
```
#af9956 rgb(175,153,86)
```

Similar Colors

Text with hexadecimal color #af8356

This text has a font color of #af8356.

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

#af8356 background color

This paragraph has a background color of #af8356.

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

#af8356 border color

This element has a border color of #af8356.

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

CSS codes

.text {color:#af8356;}

.background {background-color:#af8356;}

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

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)
```
#392a1b
```
#392a1b rgb(57,42,27)
```
#473421
```
#473421 rgb(71,52,33)
```
#543e28
```
#543e28 rgb(84,62,40)
```
#61482e
```
#61482e rgb(97,72,46)
```
#6f5234
```
#6f5234 rgb(111,82,52)
```
#7c5c3b
```
#7c5c3b rgb(124,92,59)
```
#896541
```
#896541 rgb(137,101,65)
```
#976f47
```
#976f47 rgb(151,111,71)
```
#a4794e
```
#a4794e rgb(164,121,78)
```

Shade Color Variation

#af8356
```
#af8356 rgb(175,131,86)
```
#b58d63
```
#b58d63 rgb(181,141,99)
```
#bc9771
```
#bc9771 rgb(188,151,113)
```
#c2a07e
```
#c2a07e rgb(194,160,126)
```
#c8aa8b
```
#c8aa8b rgb(200,170,139)
```
#cfb499
```
#cfb499 rgb(207,180,153)
```
#d5bea6
```
#d5bea6 rgb(213,190,166)
```
#dbc7b3
```
#dbc7b3 rgb(219,199,179)
```
#e1d1c1
```
#e1d1c1 rgb(225,209,193)
```
#e8dbce
```
#e8dbce rgb(232,219,206)
```
#eee5db
```
#eee5db rgb(238,229,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, #89837c is the less saturated color, while #fc8409 is the most saturated one.

#89837c
```
#89837c rgb(137,131,124)
```
#928373
```
#928373 rgb(146,131,115)
```
#9c8369
```
#9c8369 rgb(156,131,105)
```
#a58360
```
#a58360 rgb(165,131,96)
```
#af8356
```
#af8356 rgb(175,131,86)
```
#b9834c
```
#b9834c rgb(185,131,76)
```
#c28343
```
#c28343 rgb(194,131,67)
```
#cc8339
```
#cc8339 rgb(204,131,57)
```
#d58330
```
#d58330 rgb(213,131,48)
```
#df8426
```
#df8426 rgb(223,132,38)
```
#e8841d
```
#e8841d rgb(232,132,29)
```
#f28413
```
#f28413 rgb(242,132,19)
```
#fc8409
```
#fc8409 rgb(252,132,9)
```

Tone Color Variation

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

#8b8b8b Achromatopsia 0.005% of the population
#928980 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9d9161 Protanopia 1% of men
#ae8b5e Deuteranopia 1% of men
#b7838c Tritanopia 0.001% of the population

Trichromacy

#a38c5d Protanomaly 1% of men, 0.01% of women
#ae885b Deuteranomaly 6% of men, 0.4% of women
#b48378 Tritanomaly 0.01% of the population

#af8356 hex color

#af8356 Color Information

#af8356 Color Conversion

Color Schemes with #af8356

Alternatives to #af8356

#af8356 Preview

Shades and Tints of #af8356

Tones of #af8356

Color Blindness Simulator