#afa188 hex color

In a RGB color space, hex #afa188 is composed of 68.6% red, 63.1% green and 53.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 8% magenta, 22.3% yellow and 31.4% black. It has a hue angle of 38.5 degrees, a saturation of 19.6% and a lightness of 61%. #afa188 color hex could be obtained by blending #ffffff with #5f4311. Closest websafe color is: #999999.

♥
- f
- t
- g
- R 69
- G 63
- B 53
RGB color chart
- C 0
- M 8
- Y 22
- K 31
CMYK color chart

● #afa188 color description : Dark grayish orange.

The hexadecimal color #afa188 has RGB values of R:175, G:161, B:136 and CMYK values of C:0, M:0.08, Y:0.22, K:0.31. Its decimal value is 11510152.

Hex triplet	afa188	`#afa188`
RGB Decimal	175, 161, 136	`rgb(175,161,136)`
RGB Percent	68.6, 63.1, 53.3	`rgb(68.6%,63.1%,53.3%)`
CMYK	0, 8, 22, 31
HSL	38.5°, 19.6, 61	`hsl(38.5,19.6%,61%)`
HSV (or HSB)	38.5°, 22.3, 68.6
Web Safe	999999	`#999999`

CIE-LAB	66.811, 0.987, 14.876
XYZ	34.867, 36.382, 28.477
xyY	0.35, 0.365, 36.382
CIE-LCH	66.811, 14.909, 86.205
CIE-LUV	66.811, 10.046, 20.229
Hunter-Lab	60.317, -2.371, 14.23
Binary	10101111, 10100001, 10001000

#afa188
```
#afa188 rgb(175,161,136)
```
#8896af
```
#8896af rgb(136,150,175)
```

Complementary Color

#af8e88
```
#af8e88 rgb(175,142,136)
```
#afa188
```
#afa188 rgb(175,161,136)
```
#aaaf88
```
#aaaf88 rgb(170,175,136)
```

Analogous Color

#8e88af
```
#8e88af rgb(142,136,175)
```
#afa188
```
#afa188 rgb(175,161,136)
```
#88aaaf
```
#88aaaf rgb(136,170,175)
```

Split Complementary Color

#a188af
```
#a188af rgb(161,136,175)
```
#afa188
```
#afa188 rgb(175,161,136)
```
#88afa1
```
#88afa1 rgb(136,175,161)
```

Triadic Color

#af8896
```
#af8896 rgb(175,136,150)
```
#afa188
```
#afa188 rgb(175,161,136)
```
#88afa1
```
#88afa1 rgb(136,175,161)
```
#8896af
```
#8896af rgb(136,150,175)
```

Tetradic Color

#8c7c5e
```
#8c7c5e rgb(140,124,94)
```
#9a896a
```
#9a896a rgb(154,137,106)
```
#a59579
```
#a59579 rgb(165,149,121)
```
#afa188
```
#afa188 rgb(175,161,136)
```
#b9ad97
```
#b9ad97 rgb(185,173,151)
```
#c4b9a6
```
#c4b9a6 rgb(196,185,166)
```
#cec5b6
```
#cec5b6 rgb(206,197,182)
```

Monochromatic Color

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

#af9788
```
#af9788 rgb(175,151,136)
```
#af9b88
```
#af9b88 rgb(175,155,136)
```
#af9e88
```
#af9e88 rgb(175,158,136)
```
#afa188
```
#afa188 rgb(175,161,136)
```
#afa488
```
#afa488 rgb(175,164,136)
```
#afa888
```
#afa888 rgb(175,168,136)
```
#afab88
```
#afab88 rgb(175,171,136)
```

Similar Colors

Text with hexadecimal color #afa188

This text has a font color of #afa188.

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

#afa188 background color

This paragraph has a background color of #afa188.

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

#afa188 border color

This element has a border color of #afa188.

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

CSS codes

.text {color:#afa188;}

.background {background-color:#afa188;}

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

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, #0a0907 is the darkest color, while #fefefd is the lightest one.

#0a0907
```
#0a0907 rgb(10,9,7)
```
#16130f
```
#16130f rgb(22,19,15)
```
#211e17
```
#211e17 rgb(33,30,23)
```
#2d281e
```
#2d281e rgb(45,40,30)
```
#393226
```
#393226 rgb(57,50,38)
```
#453d2e
```
#453d2e rgb(69,61,46)
```
#504736
```
#504736 rgb(80,71,54)
```
#5c513e
```
#5c513e rgb(92,81,62)
```
#685c46
```
#685c46 rgb(104,92,70)
```
#74664e
```
#74664e rgb(116,102,78)
```
#7f7056
```
#7f7056 rgb(127,112,86)
```
#8b7b5d
```
#8b7b5d rgb(139,123,93)
```
#978565
```
#978565 rgb(151,133,101)
```

Shade Color Variation

#9f8e71
```
#9f8e71 rgb(159,142,113)
```
#a7987c
```
#a7987c rgb(167,152,124)
```
#afa188
```
#afa188 rgb(175,161,136)
```
#b7aa94
```
#b7aa94 rgb(183,170,148)
```
#bfb49f
```
#bfb49f rgb(191,180,159)
```
#c7bdab
```
#c7bdab rgb(199,189,171)
```
#cfc6b7
```
#cfc6b7 rgb(207,198,183)
```
#d6cfc3
```
#d6cfc3 rgb(214,207,195)
```
#ded9ce
```
#ded9ce rgb(222,217,206)
```
#e6e2da
```
#e6e2da rgb(230,226,218)
```
#eeebe6
```
#eeebe6 rgb(238,235,230)
```
#f6f4f2
```
#f6f4f2 rgb(246,244,242)
```
#fefefd
```
#fefefd rgb(254,254,253)
```

Tint Color Variation

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

#a09d97
```
#a09d97 rgb(160,157,151)
```
#a79f90
```
#a79f90 rgb(167,159,144)
```
#afa188
```
#afa188 rgb(175,161,136)
```
#b7a380
```
#b7a380 rgb(183,163,128)
```
#bea579
```
#bea579 rgb(190,165,121)
```
#c6a771
```
#c6a771 rgb(198,167,113)
```
#ceaa69
```
#ceaa69 rgb(206,170,105)
```
#d5ac62
```
#d5ac62 rgb(213,172,98)
```
#ddae5a
```
#ddae5a rgb(221,174,90)
```
#e5b052
```
#e5b052 rgb(229,176,82)
```
#ecb24b
```
#ecb24b rgb(236,178,75)
```
#f4b443
```
#f4b443 rgb(244,180,67)
```
#fcb73b
```
#fcb73b rgb(252,183,59)
```

Tone Color Variation

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

#a2a2a2 Achromatopsia 0.005% of the population
#a5a29d Atypical Achromatopsia 0.001% of the population

Dichromacy

#afa68e Protanopia 1% of men
#bfa18f Deuteranopia 1% of men
#b7a1ac Tritanopia 0.001% of the population

Trichromacy

#afa48c Protanomaly 1% of men, 0.01% of women
#b9a18c Deuteranomaly 6% of men, 0.4% of women
#b4a19f Tritanomaly 0.01% of the population

#afa188 hex color

#afa188 Color Information

#afa188 Color Conversion

Color Schemes with #afa188

Alternatives to #afa188

#afa188 Preview

Shades and Tints of #afa188

Tones of #afa188

Color Blindness Simulator