#af9f5d hex color

In a RGB color space, hex #af9f5d is composed of 68.6% red, 62.4% green and 36.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 9.1% magenta, 46.9% yellow and 31.4% black. It has a hue angle of 48.3 degrees, a saturation of 33.9% and a lightness of 52.5%. #af9f5d color hex could be obtained by blending #ffffba with #5f3f00. Closest websafe color is: #999966.

♥
- f
- t
- g
- R 69
- G 62
- B 36
RGB color chart
- C 0
- M 9
- Y 47
- K 31
CMYK color chart

● #af9f5d color description : Dark moderate yellow.

The hexadecimal color #af9f5d has RGB values of R:175, G:159, B:93 and CMYK values of C:0, M:0.09, Y:0.47, K:0.31. Its decimal value is 11509597.

Hex triplet	af9f5d	`#af9f5d`
RGB Decimal	175, 159, 93	`rgb(175,159,93)`
RGB Percent	68.6, 62.4, 36.5	`rgb(68.6%,62.4%,36.5%)`
CMYK	0, 9, 47, 31
HSL	48.3°, 33.9, 52.5	`hsl(48.3,33.9%,52.5%)`
HSV (or HSB)	48.3°, 46.9, 68.6
Web Safe	999966	`#999966`

CIE-LAB	65.515, -3.332, 36.419
XYZ	32.053, 34.701, 15.365
xyY	0.39, 0.423, 34.701
CIE-LCH	65.515, 36.571, 95.228
CIE-LUV	65.515, 13.902, 45.431
Hunter-Lab	58.908, -5.963, 25.771
Binary	10101111, 10011111, 01011101

#af9f5d
```
#af9f5d rgb(175,159,93)
```
#5d6daf
```
#5d6daf rgb(93,109,175)
```

Complementary Color

#af765d
```
#af765d rgb(175,118,93)
```
#af9f5d
```
#af9f5d rgb(175,159,93)
```
#96af5d
```
#96af5d rgb(150,175,93)
```

Analogous Color

#765daf
```
#765daf rgb(118,93,175)
```
#af9f5d
```
#af9f5d rgb(175,159,93)
```
#5d96af
```
#5d96af rgb(93,150,175)
```

Split Complementary Color

#9f5daf
```
#9f5daf rgb(159,93,175)
```
#af9f5d
```
#af9f5d rgb(175,159,93)
```
#5daf9f
```
#5daf9f rgb(93,175,159)
```

Triadic Color

#af5d6d
```
#af5d6d rgb(175,93,109)
```
#af9f5d
```
#af9f5d rgb(175,159,93)
```
#5daf9f
```
#5daf9f rgb(93,175,159)
```
#5d6daf
```
#5d6daf rgb(93,109,175)
```

Tetradic Color

#80743f
```
#80743f rgb(128,116,63)
```
#918348
```
#918348 rgb(145,131,72)
```
#a29250
```
#a29250 rgb(162,146,80)
```
#af9f5d
```
#af9f5d rgb(175,159,93)
```
#b7a96e
```
#b7a96e rgb(183,169,110)
```
#c0b37f
```
#c0b37f rgb(192,179,127)
```
#c8bd90
```
#c8bd90 rgb(200,189,144)
```

Monochromatic Color

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

#af8b5d
```
#af8b5d rgb(175,139,93)
```
#af915d
```
#af915d rgb(175,145,93)
```
#af985d
```
#af985d rgb(175,152,93)
```
#af9f5d
```
#af9f5d rgb(175,159,93)
```
#afa65d
```
#afa65d rgb(175,166,93)
```
#afad5d
```
#afad5d rgb(175,173,93)
```
#abaf5d
```
#abaf5d rgb(171,175,93)
```

Similar Colors

Text with hexadecimal color #af9f5d

This text has a font color of #af9f5d.

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

#af9f5d background color

This paragraph has a background color of #af9f5d.

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

#af9f5d border color

This element has a border color of #af9f5d.

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

CSS codes

.text {color:#af9f5d;}

.background {background-color:#af9f5d;}

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

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

#090804
```
#090804 rgb(9,8,4)
```
#16140b
```
#16140b rgb(22,20,11)
```
#232011
```
#232011 rgb(35,32,17)
```
#302b18
```
#302b18 rgb(48,43,24)
```
#3d371e
```
#3d371e rgb(61,55,30)
```
#4a4325
```
#4a4325 rgb(74,67,37)
```
#574f2b
```
#574f2b rgb(87,79,43)
```
#655b32
```
#655b32 rgb(101,91,50)
```
#726738
```
#726738 rgb(114,103,56)
```
#7f723f
```
#7f723f rgb(127,114,63)
```
#8c7e45
```
#8c7e45 rgb(140,126,69)
```
#998a4c
```
#998a4c rgb(153,138,76)
```
#a69652
```
#a69652 rgb(166,150,82)
```

Shade Color Variation

#af9f5d
```
#af9f5d rgb(175,159,93)
```
#b5a76a
```
#b5a76a rgb(181,167,106)
```
#bcaf77
```
#bcaf77 rgb(188,175,119)
```
#c2b684
```
#c2b684 rgb(194,182,132)
```
#c9be92
```
#c9be92 rgb(201,190,146)
```
#cfc69f
```
#cfc69f rgb(207,198,159)
```
#d6ceac
```
#d6ceac rgb(214,206,172)
```
#dcd5b9
```
#dcd5b9 rgb(220,213,185)
```
#e3ddc6
```
#e3ddc6 rgb(227,221,198)
```
#e9e5d3
```
#e9e5d3 rgb(233,229,211)
```
#f0ede0
```
#f0ede0 rgb(240,237,224)
```
#f6f5ed
```
#f6f5ed rgb(246,245,237)
```
#fdfcfb
```
#fdfcfb rgb(253,252,251)
```

Tint Color Variation

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

#8a8882
```
#8a8882 rgb(138,136,130)
```
#938e79
```
#938e79 rgb(147,142,121)
```
#9c9470
```
#9c9470 rgb(156,148,112)
```
#a69966
```
#a69966 rgb(166,153,102)
```
#af9f5d
```
#af9f5d rgb(175,159,93)
```
#b8a554
```
#b8a554 rgb(184,165,84)
```
#c2aa4a
```
#c2aa4a rgb(194,170,74)
```
#cbb041
```
#cbb041 rgb(203,176,65)
```
#d4b638
```
#d4b638 rgb(212,182,56)
```
#debb2e
```
#debb2e rgb(222,187,46)
```
#e7c125
```
#e7c125 rgb(231,193,37)
```
#f0c71c
```
#f0c71c rgb(240,199,28)
```
#f9cc13
```
#f9cc13 rgb(249,204,19)
```

Tone Color Variation

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

#9c9c9c Achromatopsia 0.005% of the population
#a09d8f Atypical Achromatopsia 0.001% of the population

Dichromacy

#b2a465 Protanopia 1% of men
#c59d67 Deuteranopia 1% of men
#ba9ca7 Tritanopia 0.001% of the population

Trichromacy

#b1a262 Protanomaly 1% of men, 0.01% of women
#bd9d63 Deuteranomaly 6% of men, 0.4% of women
#b69d8c Tritanomaly 0.01% of the population

#af9f5d hex color

#af9f5d Color Information

#af9f5d Color Conversion

Color Schemes with #af9f5d

Alternatives to #af9f5d

#af9f5d Preview

Shades and Tints of #af9f5d

Tones of #af9f5d

Color Blindness Simulator