#af8f59 hex color

In a RGB color space, hex #af8f59 is composed of 68.6% red, 56.1% green and 34.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 18.3% magenta, 49.1% yellow and 31.4% black. It has a hue angle of 37.7 degrees, a saturation of 35% and a lightness of 51.8%. #af8f59 color hex could be obtained by blending #ffffb2 with #5f1f00. Closest websafe color is: #999966.

♥
- f
- t
- g
- R 69
- G 56
- B 35
RGB color chart
- C 0
- M 18
- Y 49
- K 31
CMYK color chart

● #af8f59 color description : Dark moderate orange.

The hexadecimal color #af8f59 has RGB values of R:175, G:143, B:89 and CMYK values of C:0, M:0.18, Y:0.49, K:0.31. Its decimal value is 11505497.

Hex triplet	af8f59	`#af8f59`
RGB Decimal	175, 143, 89	`rgb(175,143,89)`
RGB Percent	68.6, 56.1, 34.9	`rgb(68.6%,56.1%,34.9%)`
CMYK	0, 18, 49, 31
HSL	37.7°, 35, 51.8	`hsl(37.7,35%,51.8%)`
HSV (or HSB)	37.7°, 49.1, 68.6
Web Safe	999966	`#999966`

CIE-LAB	61.204, 5.007, 33.142
XYZ	29.305, 29.481, 13.598
xyY	0.405, 0.407, 29.481
CIE-LCH	61.204, 33.518, 81.409
CIE-LUV	61.204, 24.636, 39.44
Hunter-Lab	54.297, 1.321, 23.16
Binary	10101111, 10001111, 01011001

#af8f59
```
#af8f59 rgb(175,143,89)
```
#5979af
```
#5979af rgb(89,121,175)
```

Complementary Color

#af6459
```
#af6459 rgb(175,100,89)
```
#af8f59
```
#af8f59 rgb(175,143,89)
```
#a4af59
```
#a4af59 rgb(164,175,89)
```

Analogous Color

#6459af
```
#6459af rgb(100,89,175)
```
#af8f59
```
#af8f59 rgb(175,143,89)
```
#59a4af
```
#59a4af rgb(89,164,175)
```

Split Complementary Color

#8f59af
```
#8f59af rgb(143,89,175)
```
#af8f59
```
#af8f59 rgb(175,143,89)
```
#59af8f
```
#59af8f rgb(89,175,143)
```

Triadic Color

#af5979
```
#af5979 rgb(175,89,121)
```
#af8f59
```
#af8f59 rgb(175,143,89)
```
#59af8f
```
#59af8f rgb(89,175,143)
```
#5979af
```
#5979af rgb(89,121,175)
```

Tetradic Color

#7f663d
```
#7f663d rgb(127,102,61)
```
#907445
```
#907445 rgb(144,116,69)
```
#a1824e
```
#a1824e rgb(161,130,78)
```
#af8f59
```
#af8f59 rgb(175,143,89)
```
#b79b6a
```
#b79b6a rgb(183,155,106)
```
#c0a67b
```
#c0a67b rgb(192,166,123)
```
#c8b28d
```
#c8b28d rgb(200,178,141)
```

Monochromatic Color

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

#af7a59
```
#af7a59 rgb(175,122,89)
```
#af8159
```
#af8159 rgb(175,129,89)
```
#af8859
```
#af8859 rgb(175,136,89)
```
#af8f59
```
#af8f59 rgb(175,143,89)
```
#af9659
```
#af9659 rgb(175,150,89)
```
#af9d59
```
#af9d59 rgb(175,157,89)
```
#afa559
```
#afa559 rgb(175,165,89)
```

Similar Colors

Text with hexadecimal color #af8f59

This text has a font color of #af8f59.

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

#af8f59 background color

This paragraph has a background color of #af8f59.

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

#af8f59 border color

This element has a border color of #af8f59.

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

CSS codes

.text {color:#af8f59;}

.background {background-color:#af8f59;}

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

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, #060503 is the darkest color, while #fcfaf8 is the lightest one.

#060503
```
#060503 rgb(6,5,3)
```
#131009
```
#131009 rgb(19,16,9)
```
#211a10
```
#211a10 rgb(33,26,16)
```
#2e2516
```
#2e2516 rgb(46,37,22)
```
#3b301c
```
#3b301c rgb(59,48,28)
```
#483a23
```
#483a23 rgb(72,58,35)
```
#554529
```
#554529 rgb(85,69,41)
```
#635030
```
#635030 rgb(99,80,48)
```
#705a36
```
#705a36 rgb(112,90,54)
```
#7d653c
```
#7d653c rgb(125,101,60)
```
#8a7043
```
#8a7043 rgb(138,112,67)
```
#987a49
```
#987a49 rgb(152,122,73)
```
#a5854f
```
#a5854f rgb(165,133,79)
```

Shade Color Variation

#af8f59
```
#af8f59 rgb(175,143,89)
```
#b59866
```
#b59866 rgb(181,152,102)
```
#bca173
```
#bca173 rgb(188,161,115)
```
#c2aa81
```
#c2aa81 rgb(194,170,129)
```
#c9b38e
```
#c9b38e rgb(201,179,142)
```
#cfbc9b
```
#cfbc9b rgb(207,188,155)
```
#d5c5a8
```
#d5c5a8 rgb(213,197,168)
```
#dcceb6
```
#dcceb6 rgb(220,206,182)
```
#e2d6c3
```
#e2d6c3 rgb(226,214,195)
```
#e8dfd0
```
#e8dfd0 rgb(232,223,208)
```
#efe8dd
```
#efe8dd rgb(239,232,221)
```
#f5f1eb
```
#f5f1eb rgb(245,241,235)
```
#fcfaf8
```
#fcfaf8 rgb(252,250,248)
```

Tint Color Variation

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

#89857f
```
#89857f rgb(137,133,127)
```
#938875
```
#938875 rgb(147,136,117)
```
#9c8a6c
```
#9c8a6c rgb(156,138,108)
```
#a68d62
```
#a68d62 rgb(166,141,98)
```
#af8f59
```
#af8f59 rgb(175,143,89)
```
#b89150
```
#b89150 rgb(184,145,80)
```
#c29446
```
#c29446 rgb(194,148,70)
```
#cb963d
```
#cb963d rgb(203,150,61)
```
#d59933
```
#d59933 rgb(213,153,51)
```
#de9b2a
```
#de9b2a rgb(222,155,42)
```
#e89e20
```
#e89e20 rgb(232,158,32)
```
#f1a017
```
#f1a017 rgb(241,160,23)
```
#fba20d
```
#fba20d rgb(251,162,13)
```

Tone Color Variation

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

#929292 Achromatopsia 0.005% of the population
#989187 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a69963 Protanopia 1% of men
#b79262 Deuteranopia 1% of men
#b88e97 Tritanopia 0.001% of the population

Trichromacy

#a9955f Protanomaly 1% of men, 0.01% of women
#b4915e Deuteranomaly 6% of men, 0.4% of women
#b58e81 Tritanomaly 0.01% of the population

#af8f59 hex color

#af8f59 Color Information

#af8f59 Color Conversion

Color Schemes with #af8f59

Alternatives to #af8f59

#af8f59 Preview

Shades and Tints of #af8f59

Tones of #af8f59

Color Blindness Simulator