#afb186 hex color

In a RGB color space, hex #afb186 is composed of 68.6% red, 69.4% green and 52.5% blue. Whereas in a CMYK color space, it is composed of 1.1% cyan, 0% magenta, 24.3% yellow and 30.6% black. It has a hue angle of 62.8 degrees, a saturation of 21.6% and a lightness of 61%. #afb186 color hex could be obtained by blending #ffffff with #5f630d. Closest websafe color is: #999999.

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

● #afb186 color description : Dark grayish yellow.

The hexadecimal color #afb186 has RGB values of R:175, G:177, B:134 and CMYK values of C:0.01, M:0, Y:0.24, K:0.31. Its decimal value is 11514246.

Hex triplet	afb186	`#afb186`
RGB Decimal	175, 177, 134	`rgb(175,177,134)`
RGB Percent	68.6, 69.4, 52.5	`rgb(68.6%,69.4%,52.5%)`
CMYK	1, 0, 24, 31
HSL	62.8°, 21.6, 61	`hsl(62.8,21.6%,61%)`
HSV (or HSB)	62.8°, 24.3, 69.4
Web Safe	999999	`#999999`

CIE-LAB	71.063, -7.891, 21.834
XYZ	37.704, 42.28, 28.728
xyY	0.347, 0.389, 42.28
CIE-LCH	71.063, 23.216, 109.869
CIE-LUV	71.063, 1.019, 31.051
Hunter-Lab	65.023, -10.286, 19.321
Binary	10101111, 10110001, 10000110

#afb186
```
#afb186 rgb(175,177,134)
```
#8886b1
```
#8886b1 rgb(136,134,177)
```

Complementary Color

#b19e86
```
#b19e86 rgb(177,158,134)
```
#afb186
```
#afb186 rgb(175,177,134)
```
#9ab186
```
#9ab186 rgb(154,177,134)
```

Analogous Color

#9e86b1
```
#9e86b1 rgb(158,134,177)
```
#afb186
```
#afb186 rgb(175,177,134)
```
#869ab1
```
#869ab1 rgb(134,154,177)
```

Split Complementary Color

#b186af
```
#b186af rgb(177,134,175)
```
#afb186
```
#afb186 rgb(175,177,134)
```
#86afb1
```
#86afb1 rgb(134,175,177)
```

Triadic Color

#b18886
```
#b18886 rgb(177,136,134)
```
#afb186
```
#afb186 rgb(175,177,134)
```
#86afb1
```
#86afb1 rgb(134,175,177)
```
#8886b1
```
#8886b1 rgb(136,134,177)
```

Tetradic Color

#8c8f5c
```
#8c8f5c rgb(140,143,92)
```
#9a9d67
```
#9a9d67 rgb(154,157,103)
```
#a5a776
```
#a5a776 rgb(165,167,118)
```
#afb186
```
#afb186 rgb(175,177,134)
```
#b9bb96
```
#b9bb96 rgb(185,187,150)
```
#c4c5a5
```
#c4c5a5 rgb(196,197,165)
```
#cecfb5
```
#cecfb5 rgb(206,207,181)
```

Monochromatic Color

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

#b1a886
```
#b1a886 rgb(177,168,134)
```
#b1ac86
```
#b1ac86 rgb(177,172,134)
```
#b1af86
```
#b1af86 rgb(177,175,134)
```
#afb186
```
#afb186 rgb(175,177,134)
```
#abb186
```
#abb186 rgb(171,177,134)
```
#a8b186
```
#a8b186 rgb(168,177,134)
```
#a4b186
```
#a4b186 rgb(164,177,134)
```

Similar Colors

Text with hexadecimal color #afb186

This text has a font color of #afb186.

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

#afb186 background color

This paragraph has a background color of #afb186.

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

#afb186 border color

This element has a border color of #afb186.

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

CSS codes

.text {color:#afb186;}

.background {background-color:#afb186;}

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

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

#0a0a07
```
#0a0a07 rgb(10,10,7)
```
#16160e
```
#16160e rgb(22,22,14)
```
#212216
```
#212216 rgb(33,34,22)
```
#2d2e1e
```
#2d2e1e rgb(45,46,30)
```
#393a25
```
#393a25 rgb(57,58,37)
```
#45462d
```
#45462d rgb(69,70,45)
```
#505235
```
#505235 rgb(80,82,53)
```
#5c5e3c
```
#5c5e3c rgb(92,94,60)
```
#686a44
```
#686a44 rgb(104,106,68)
```
#74764c
```
#74764c rgb(116,118,76)
```
#7f8153
```
#7f8153 rgb(127,129,83)
```
#8b8d5b
```
#8b8d5b rgb(139,141,91)
```
#979963
```
#979963 rgb(151,153,99)
```

Shade Color Variation

#9fa26e
```
#9fa26e rgb(159,162,110)
```
#a7a97a
```
#a7a97a rgb(167,169,122)
```
#afb186
```
#afb186 rgb(175,177,134)
```
#b7b992
```
#b7b992 rgb(183,185,146)
```
#bfc09e
```
#bfc09e rgb(191,192,158)
```
#c7c8aa
```
#c7c8aa rgb(199,200,170)
```
#cfd0b6
```
#cfd0b6 rgb(207,208,182)
```
#d6d7c2
```
#d6d7c2 rgb(214,215,194)
```
#dedfce
```
#dedfce rgb(222,223,206)
```
#e6e7d9
```
#e6e7d9 rgb(230,231,217)
```
#eeefe5
```
#eeefe5 rgb(238,239,229)
```
#f6f6f1
```
#f6f6f1 rgb(246,246,241)
```
#fefefd
```
#fefefd rgb(254,254,253)
```

Tint Color Variation

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

#a1a295
```
#a1a295 rgb(161,162,149)
```
#a8a98e
```
#a8a98e rgb(168,169,142)
```
#afb186
```
#afb186 rgb(175,177,134)
```
#b6b97e
```
#b6b97e rgb(182,185,126)
```
#bdc077
```
#bdc077 rgb(189,192,119)
```
#c4c86f
```
#c4c86f rgb(196,200,111)
```
#cbd067
```
#cbd067 rgb(203,208,103)
```
#d2d760
```
#d2d760 rgb(210,215,96)
```
#d9df58
```
#d9df58 rgb(217,223,88)
```
#e0e750
```
#e0e750 rgb(224,231,80)
```
#e7ee49
```
#e7ee49 rgb(231,238,73)
```
#edf641
```
#edf641 rgb(237,246,65)
```
#f4fe39
```
#f4fe39 rgb(244,254,57)
```

Tone Color Variation

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

#acacac Achromatopsia 0.005% of the population
#adada4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#bdb18a Protanopia 1% of men
#ceab8f Deuteranopia 1% of men
#baaebb Tritanopia 0.001% of the population

Trichromacy

#b8b189 Protanomaly 1% of men, 0.01% of women
#c3ad8b Deuteranomaly 6% of men, 0.4% of women
#b6afa7 Tritanomaly 0.01% of the population

#afb186 hex color

#afb186 Color Information

#afb186 Color Conversion

Color Schemes with #afb186

Alternatives to #afb186

#afb186 Preview

Shades and Tints of #afb186

Tones of #afb186

Color Blindness Simulator