#af8b56 hex color

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

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

● #af8b56 color description : Dark moderate orange.

The hexadecimal color #af8b56 has RGB values of R:175, G:139, B:86 and CMYK values of C:0, M:0.21, Y:0.51, K:0.31. Its decimal value is 11504470.

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

CIE-LAB	60.116, 6.934, 33.385
XYZ	28.592, 28.252, 12.751
xyY	0.411, 0.406, 28.252
CIE-LCH	60.116, 34.098, 78.267
CIE-LUV	60.116, 27.558, 39.012
Hunter-Lab	53.153, 3, 22.984
Binary	10101111, 10001011, 01010110

#af8b56
```
#af8b56 rgb(175,139,86)
```
#567aaf
```
#567aaf rgb(86,122,175)
```

Complementary Color

#af5e56
```
#af5e56 rgb(175,94,86)
```
#af8b56
```
#af8b56 rgb(175,139,86)
```
#a7af56
```
#a7af56 rgb(167,175,86)
```

Analogous Color

#5e56af
```
#5e56af rgb(94,86,175)
```
#af8b56
```
#af8b56 rgb(175,139,86)
```
#56a7af
```
#56a7af rgb(86,167,175)
```

Split Complementary Color

#8b56af
```
#8b56af rgb(139,86,175)
```
#af8b56
```
#af8b56 rgb(175,139,86)
```
#56af8b
```
#56af8b rgb(86,175,139)
```

Triadic Color

#af567a
```
#af567a rgb(175,86,122)
```
#af8b56
```
#af8b56 rgb(175,139,86)
```
#56af8b
```
#56af8b rgb(86,175,139)
```
#567aaf
```
#567aaf rgb(86,122,175)
```

Tetradic Color

#7d633b
```
#7d633b rgb(125,99,59)
```
#8f7043
```
#8f7043 rgb(143,112,67)
```
#a07e4c
```
#a07e4c rgb(160,126,76)
```
#af8b56
```
#af8b56 rgb(175,139,86)
```
#b79767
```
#b79767 rgb(183,151,103)
```
#bfa379
```
#bfa379 rgb(191,163,121)
```
#c8af8a
```
#c8af8a rgb(200,175,138)
```

Monochromatic Color

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

#af7556
```
#af7556 rgb(175,117,86)
```
#af7c56
```
#af7c56 rgb(175,124,86)
```
#af8456
```
#af8456 rgb(175,132,86)
```
#af8b56
```
#af8b56 rgb(175,139,86)
```
#af9256
```
#af9256 rgb(175,146,86)
```
#af9a56
```
#af9a56 rgb(175,154,86)
```
#afa156
```
#afa156 rgb(175,161,86)
```

Similar Colors

Text with hexadecimal color #af8b56

This text has a font color of #af8b56.

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

#af8b56 background color

This paragraph has a background color of #af8b56.

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

#af8b56 border color

This element has a border color of #af8b56.

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

CSS codes

.text {color:#af8b56;}

.background {background-color:#af8b56;}

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

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

#040302
```
#040302 rgb(4,3,2)
```
#110e08
```
#110e08 rgb(17,14,8)
```
#1f180f
```
#1f180f rgb(31,24,15)
```
#2c2315
```
#2c2315 rgb(44,35,21)
```
#392d1b
```
#392d1b rgb(57,45,27)
```
#473821
```
#473821 rgb(71,56,33)
```
#544228
```
#544228 rgb(84,66,40)
```
#614d2e
```
#614d2e rgb(97,77,46)
```
#6f5734
```
#6f5734 rgb(111,87,52)
```
#7c623b
```
#7c623b rgb(124,98,59)
```
#896c41
```
#896c41 rgb(137,108,65)
```
#977647
```
#977647 rgb(151,118,71)
```
#a4814e
```
#a4814e rgb(164,129,78)
```

Shade Color Variation

#af8b56
```
#af8b56 rgb(175,139,86)
```
#b59463
```
#b59463 rgb(181,148,99)
```
#bc9d71
```
#bc9d71 rgb(188,157,113)
```
#c2a67e
```
#c2a67e rgb(194,166,126)
```
#c8b08b
```
#c8b08b rgb(200,176,139)
```
#cfb999
```
#cfb999 rgb(207,185,153)
```
#d5c2a6
```
#d5c2a6 rgb(213,194,166)
```
#dbcbb3
```
#dbcbb3 rgb(219,203,179)
```
#e1d4c1
```
#e1d4c1 rgb(225,212,193)
```
#e8ddce
```
#e8ddce rgb(232,221,206)
```
#eee6db
```
#eee6db rgb(238,230,219)
```
#f4f0e8
```
#f4f0e8 rgb(244,240,232)
```
#fbf9f6
```
#fbf9f6 rgb(251,249,246)
```

Tint Color Variation

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

#89847c
```
#89847c rgb(137,132,124)
```
#928673
```
#928673 rgb(146,134,115)
```
#9c8769
```
#9c8769 rgb(156,135,105)
```
#a58960
```
#a58960 rgb(165,137,96)
```
#af8b56
```
#af8b56 rgb(175,139,86)
```
#b98d4c
```
#b98d4c rgb(185,141,76)
```
#c28f43
```
#c28f43 rgb(194,143,67)
```
#cc9039
```
#cc9039 rgb(204,144,57)
```
#d59230
```
#d59230 rgb(213,146,48)
```
#df9426
```
#df9426 rgb(223,148,38)
```
#e8961d
```
#e8961d rgb(232,150,29)
```
#f29813
```
#f29813 rgb(242,152,19)
```
#fc9a09
```
#fc9a09 rgb(252,154,9)
```

Tone Color Variation

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

#909090 Achromatopsia 0.005% of the population
#968f84 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a39660 Protanopia 1% of men
#b5905f Deuteranopia 1% of men
#b88a94 Tritanopia 0.001% of the population

Trichromacy

#a7925c Protanomaly 1% of men, 0.01% of women
#b28e5b Deuteranomaly 6% of men, 0.4% of women
#b58a7d Tritanomaly 0.01% of the population

#af8b56 hex color

#af8b56 Color Information

#af8b56 Color Conversion

Color Schemes with #af8b56

Alternatives to #af8b56

#af8b56 Preview

Shades and Tints of #af8b56

Tones of #af8b56

Color Blindness Simulator