#afa387 hex color

In a RGB color space, hex #afa387 is composed of 68.6% red, 63.9% green and 52.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 6.9% magenta, 22.9% yellow and 31.4% black. It has a hue angle of 42 degrees, a saturation of 20% and a lightness of 60.8%. #afa387 color hex could be obtained by blending #ffffff with #5f470f. Closest websafe color is: #999999.

♥
- f
- t
- g
- R 69
- G 64
- B 53
RGB color chart
- C 0
- M 7
- Y 23
- K 31
CMYK color chart

● #afa387 color description : Dark grayish orange.

The hexadecimal color #afa387 has RGB values of R:175, G:163, B:135 and CMYK values of C:0, M:0.07, Y:0.23, K:0.31. Its decimal value is 11510663.

Hex triplet	afa387	`#afa387`
RGB Decimal	175, 163, 135	`rgb(175,163,135)`
RGB Percent	68.6, 63.9, 52.9	`rgb(68.6%,63.9%,52.9%)`
CMYK	0, 7, 23, 31
HSL	42°, 20, 60.8	`hsl(42,20%,60.8%)`
HSV (or HSB)	42°, 22.9, 68.6
Web Safe	999999	`#999999`

CIE-LAB	67.321, -0.251, 16.138
XYZ	35.149, 37.058, 28.222
xyY	0.35, 0.369, 37.058
CIE-LCH	67.321, 16.14, 90.89
CIE-LUV	67.321, 8.961, 22.116
Hunter-Lab	60.875, -3.467, 15.126
Binary	10101111, 10100011, 10000111

#afa387
```
#afa387 rgb(175,163,135)
```
#8793af
```
#8793af rgb(135,147,175)
```

Complementary Color

#af8f87
```
#af8f87 rgb(175,143,135)
```
#afa387
```
#afa387 rgb(175,163,135)
```
#a7af87
```
#a7af87 rgb(167,175,135)
```

Analogous Color

#8f87af
```
#8f87af rgb(143,135,175)
```
#afa387
```
#afa387 rgb(175,163,135)
```
#87a7af
```
#87a7af rgb(135,167,175)
```

Split Complementary Color

#a387af
```
#a387af rgb(163,135,175)
```
#afa387
```
#afa387 rgb(175,163,135)
```
#87afa3
```
#87afa3 rgb(135,175,163)
```

Triadic Color

#af8793
```
#af8793 rgb(175,135,147)
```
#afa387
```
#afa387 rgb(175,163,135)
```
#87afa3
```
#87afa3 rgb(135,175,163)
```
#8793af
```
#8793af rgb(135,147,175)
```

Tetradic Color

#8c7e5d
```
#8c7e5d rgb(140,126,93)
```
#9b8c68
```
#9b8c68 rgb(155,140,104)
```
#a59778
```
#a59778 rgb(165,151,120)
```
#afa387
```
#afa387 rgb(175,163,135)
```
#b9af96
```
#b9af96 rgb(185,175,150)
```
#c3baa6
```
#c3baa6 rgb(195,186,166)
```
#cec6b5
```
#cec6b5 rgb(206,198,181)
```

Monochromatic Color

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

#af9987
```
#af9987 rgb(175,153,135)
```
#af9c87
```
#af9c87 rgb(175,156,135)
```
#afa087
```
#afa087 rgb(175,160,135)
```
#afa387
```
#afa387 rgb(175,163,135)
```
#afa687
```
#afa687 rgb(175,166,135)
```
#afaa87
```
#afaa87 rgb(175,170,135)
```
#afad87
```
#afad87 rgb(175,173,135)
```

Similar Colors

Text with hexadecimal color #afa387

This text has a font color of #afa387.

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

#afa387 background color

This paragraph has a background color of #afa387.

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

#afa387 border color

This element has a border color of #afa387.

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

CSS codes

.text {color:#afa387;}

.background {background-color:#afa387;}

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

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

#090906
```
#090906 rgb(9,9,6)
```
#15130e
```
#15130e rgb(21,19,14)
```
#211e16
```
#211e16 rgb(33,30,22)
```
#2d281e
```
#2d281e rgb(45,40,30)
```
#393326
```
#393326 rgb(57,51,38)
```
#443d2e
```
#443d2e rgb(68,61,46)
```
#504835
```
#504835 rgb(80,72,53)
```
#5c533d
```
#5c533d rgb(92,83,61)
```
#685d45
```
#685d45 rgb(104,93,69)
```
#73684d
```
#73684d rgb(115,104,77)
```
#7f7255
```
#7f7255 rgb(127,114,85)
```
#8b7d5d
```
#8b7d5d rgb(139,125,93)
```
#978864
```
#978864 rgb(151,136,100)
```

Shade Color Variation

#9f916f
```
#9f916f rgb(159,145,111)
```
#a79a7b
```
#a79a7b rgb(167,154,123)
```
#afa387
```
#afa387 rgb(175,163,135)
```
#b7ac93
```
#b7ac93 rgb(183,172,147)
```
#bfb59f
```
#bfb59f rgb(191,181,159)
```
#c7beaa
```
#c7beaa rgb(199,190,170)
```
#cec7b6
```
#cec7b6 rgb(206,199,182)
```
#d6d0c2
```
#d6d0c2 rgb(214,208,194)
```
#ded9ce
```
#ded9ce rgb(222,217,206)
```
#e6e2d9
```
#e6e2d9 rgb(230,226,217)
```
#eeebe5
```
#eeebe5 rgb(238,235,229)
```
#f6f4f1
```
#f6f4f1 rgb(246,244,241)
```
#fdfdfd
```
#fdfdfd rgb(253,253,253)
```

Tint Color Variation

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

#a09d96
```
#a09d96 rgb(160,157,150)
```
#a7a08f
```
#a7a08f rgb(167,160,143)
```
#afa387
```
#afa387 rgb(175,163,135)
```
#b7a67f
```
#b7a67f rgb(183,166,127)
```
#bea978
```
#bea978 rgb(190,169,120)
```
#c6ac70
```
#c6ac70 rgb(198,172,112)
```
#ceaf68
```
#ceaf68 rgb(206,175,104)
```
#d5b261
```
#d5b261 rgb(213,178,97)
```
#ddb559
```
#ddb559 rgb(221,181,89)
```
#e5b951
```
#e5b951 rgb(229,185,81)
```
#edbc49
```
#edbc49 rgb(237,188,73)
```
#f4bf42
```
#f4bf42 rgb(244,191,66)
```
#fcc23a
```
#fcc23a rgb(252,194,58)
```

Tone Color Variation

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

#a3a3a3 Achromatopsia 0.005% of the population
#a5a39d Atypical Achromatopsia 0.001% of the population

Dichromacy

#b1a88d Protanopia 1% of men
#c1a28e Deuteranopia 1% of men
#b7a3ae Tritanopia 0.001% of the population

Trichromacy

#b0a68b Protanomaly 1% of men, 0.01% of women
#baa28b Deuteranomaly 6% of men, 0.4% of women
#b4a3a0 Tritanomaly 0.01% of the population

#afa387 hex color

#afa387 Color Information

#afa387 Color Conversion

Color Schemes with #afa387

Alternatives to #afa387

#afa387 Preview

Shades and Tints of #afa387

Tones of #afa387

Color Blindness Simulator