colorhexa.com

#afa7a3 hex color

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

- R 69
- G 65
- B 64
RGB color chart
- C 0
- M 5
- Y 7
- K 31
CMYK color chart

● #afa7a3 color description : Dark grayish orange.

The hexadecimal color #afa7a3 has RGB values of R:175, G:167, B:163 and CMYK values of C:0, M:0.05, Y:0.07, K:0.31. Its decimal value is 11511715.

Hex triplet	afa7a3	`#afa7a3`
RGB Decimal	175, 167, 163	`rgb(175,167,163)`
RGB Percent	68.6, 65.5, 63.9	`rgb(68.6%,65.5%,63.9%)`
CMYK	0, 5, 7, 31
HSL	20°, 7, 66.3	`hsl(20,7%,66.3%)`
HSV (or HSB)	20°, 6.9, 68.6
Web Safe	999999	`#999999`

CIE-LAB	69.037, 2.151, 3.084
XYZ	38.108, 39.396, 40.245
xyY	0.324, 0.335, 39.396
CIE-LCH	69.037, 3.76, 55.113
CIE-LUV	69.037, 4.9, 4.086
Hunter-Lab	62.766, -1.467, 5.92
Binary	10101111, 10100111, 10100011

#afa7a3
```
#afa7a3 rgb(175,167,163)
```
#a3abaf
```
#a3abaf rgb(163,171,175)
```

Complementary Color

#afa3a5
```
#afa3a5 rgb(175,163,165)
```
#afa7a3
```
#afa7a3 rgb(175,167,163)
```
#afada3
```
#afada3 rgb(175,173,163)
```

Analogous Color

#a3a5af
```
#a3a5af rgb(163,165,175)
```
#afa7a3
```
#afa7a3 rgb(175,167,163)
```
#a3afad
```
#a3afad rgb(163,175,173)
```

Split Complementary Color

#a7a3af
```
#a7a3af rgb(167,163,175)
```
#afa7a3
```
#afa7a3 rgb(175,167,163)
```
#a3afa7
```
#a3afa7 rgb(163,175,167)
```

Triadic Color

#afa3ab
```
#afa3ab rgb(175,163,171)
```
#afa7a3
```
#afa7a3 rgb(175,167,163)
```
#a3afa7
```
#a3afa7 rgb(163,175,167)
```
#a3abaf
```
#a3abaf rgb(163,171,175)
```

Tetradic Color

#8b807a
```
#8b807a rgb(139,128,122)
```
#978d88
```
#978d88 rgb(151,141,136)
```
#a39a95
```
#a39a95 rgb(163,154,149)
```
#afa7a3
```
#afa7a3 rgb(175,167,163)
```
#bbb4b1
```
#bbb4b1 rgb(187,180,177)
```
#c7c1be
```
#c7c1be rgb(199,193,190)
```
#d3cecc
```
#d3cecc rgb(211,206,204)
```

Monochromatic Color

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

#afa4a3
```
#afa4a3 rgb(175,164,163)
```
#afa5a3
```
#afa5a3 rgb(175,165,163)
```
#afa6a3
```
#afa6a3 rgb(175,166,163)
```
#afa7a3
```
#afa7a3 rgb(175,167,163)
```
#afa8a3
```
#afa8a3 rgb(175,168,163)
```
#afa9a3
```
#afa9a3 rgb(175,169,163)
```
#afaaa3
```
#afaaa3 rgb(175,170,163)
```

Similar Colors

Text with hexadecimal color #afa7a3

This text has a font color of #afa7a3.

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

#afa7a3 background color

This paragraph has a background color of #afa7a3.

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

#afa7a3 border color

This element has a border color of #afa7a3.

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

CSS codes

.text {color:#afa7a3;}

.background {background-color:#afa7a3;}

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

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

#020202
```
#020202 rgb(2,2,2)
```
#0d0c0b
```
#0d0c0b rgb(13,12,11)
```
#171514
```
#171514 rgb(23,21,20)
```
#221f1d
```
#221f1d rgb(34,31,29)
```
#2c2927
```
#2c2927 rgb(44,41,39)
```
#373230
```
#373230 rgb(55,50,48)
```
#413c39
```
#413c39 rgb(65,60,57)
```
#4c4542
```
#4c4542 rgb(76,69,66)
```
#564f4b
```
#564f4b rgb(86,79,75)
```
#615854
```
#615854 rgb(97,88,84)
```
#6b625d
```
#6b625d rgb(107,98,93)
```
#766c66
```
#766c66 rgb(118,108,102)
```
#807570
```
#807570 rgb(128,117,112)
```

Shade Color Variation

#8b7f79
```
#8b7f79 rgb(139,127,121)
```
#948984
```
#948984 rgb(148,137,132)
```
#9d938e
```
#9d938e rgb(157,147,142)
```
#a69d99
```
#a69d99 rgb(166,157,153)
```
#afa7a3
```
#afa7a3 rgb(175,167,163)
```
#b8b1ad
```
#b8b1ad rgb(184,177,173)
```
#c1bbb8
```
#c1bbb8 rgb(193,187,184)
```
#cac5c2
```
#cac5c2 rgb(202,197,194)
```
#d3cfcd
```
#d3cfcd rgb(211,207,205)
```
#ddd9d7
```
#ddd9d7 rgb(221,217,215)
```
#e6e3e2
```
#e6e3e2 rgb(230,227,226)
```
#efedec
```
#efedec rgb(239,237,236)
```
#f8f7f7
```
#f8f7f7 rgb(248,247,247)
```

Tint Color Variation

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

#afa7a3
```
#afa7a3 rgb(175,167,163)
```
#b6a59c
```
#b6a59c rgb(182,165,156)
```
#bca396
```
#bca396 rgb(188,163,150)
```
#c3a08f
```
#c3a08f rgb(195,160,143)
```
#c99e89
```
#c99e89 rgb(201,158,137)
```
#d09c82
```
#d09c82 rgb(208,156,130)
```
#d79a7b
```
#d79a7b rgb(215,154,123)
```
#dd9875
```
#dd9875 rgb(221,152,117)
```
#e4956e
```
#e4956e rgb(228,149,110)
```
#eb9367
```
#eb9367 rgb(235,147,103)
```
#f19161
```
#f19161 rgb(241,145,97)
```
#f88f5a
```
#f88f5a rgb(248,143,90)
```
#fe8d54
```
#fe8d54 rgb(254,141,84)
```

Tone Color Variation

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

#a9a9a9 Achromatopsia 0.005% of the population
#aaa9a8 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b1aca8 Protanopia 1% of men
#bea7a9 Deuteranopia 1% of men
#b5a9b5 Tritanopia 0.001% of the population

Trichromacy

#b0aaa6 Protanomaly 1% of men, 0.01% of women
#b8a7a6 Deuteranomaly 6% of men, 0.4% of women
#b3a8ae Tritanomaly 0.01% of the population