#b0af86 hex color

In a RGB color space, hex #b0af86 is composed of 69% red, 68.6% green and 52.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 0.6% magenta, 23.9% yellow and 31% black. It has a hue angle of 58.6 degrees, a saturation of 21% and a lightness of 60.8%. #b0af86 color hex could be obtained by blending #ffffff with #615f0d. Closest websafe color is: #999999.

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

● #b0af86 color description : Dark grayish yellow.

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

Hex triplet	b0af86	`#b0af86`
RGB Decimal	176, 175, 134	`rgb(176,175,134)`
RGB Percent	69, 68.6, 52.5	`rgb(69%,68.6%,52.5%)`
CMYK	0, 1, 24, 31
HSL	58.6°, 21, 60.8	`hsl(58.6,21%,60.8%)`
HSV (or HSB)	58.6°, 23.9, 69
Web Safe	999999	`#999999`

CIE-LAB	70.602, -6.446, 21.218
XYZ	37.537, 41.612, 28.607
xyY	0.348, 0.386, 41.612
CIE-LCH	70.602, 22.176, 106.898
CIE-LUV	70.602, 2.769, 29.968
Hunter-Lab	64.507, -9.018, 18.861
Binary	10110000, 10101111, 10000110

#b0af86
```
#b0af86 rgb(176,175,134)
```
#8687b0
```
#8687b0 rgb(134,135,176)
```

Complementary Color

#b09a86
```
#b09a86 rgb(176,154,134)
```
#b0af86
```
#b0af86 rgb(176,175,134)
```
#9cb086
```
#9cb086 rgb(156,176,134)
```

Analogous Color

#9a86b0
```
#9a86b0 rgb(154,134,176)
```
#b0af86
```
#b0af86 rgb(176,175,134)
```
#869cb0
```
#869cb0 rgb(134,156,176)
```

Split Complementary Color

#af86b0
```
#af86b0 rgb(175,134,176)
```
#b0af86
```
#b0af86 rgb(176,175,134)
```
#86b0af
```
#86b0af rgb(134,176,175)
```

Triadic Color

#b08687
```
#b08687 rgb(176,134,135)
```
#b0af86
```
#b0af86 rgb(176,175,134)
```
#86b0af
```
#86b0af rgb(134,176,175)
```
#8687b0
```
#8687b0 rgb(134,135,176)
```

Tetradic Color

#8d8c5c
```
#8d8c5c rgb(141,140,92)
```
#9c9b67
```
#9c9b67 rgb(156,155,103)
```
#a6a577
```
#a6a577 rgb(166,165,119)
```
#b0af86
```
#b0af86 rgb(176,175,134)
```
#bab995
```
#bab995 rgb(186,185,149)
```
#c4c3a5
```
#c4c3a5 rgb(196,195,165)
```
#ceceb4
```
#ceceb4 rgb(206,206,180)
```

Monochromatic Color

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

#b0a586
```
#b0a586 rgb(176,165,134)
```
#b0a886
```
#b0a886 rgb(176,168,134)
```
#b0ac86
```
#b0ac86 rgb(176,172,134)
```
#b0af86
```
#b0af86 rgb(176,175,134)
```
#aeb086
```
#aeb086 rgb(174,176,134)
```
#aab086
```
#aab086 rgb(170,176,134)
```
#a7b086
```
#a7b086 rgb(167,176,134)
```

Similar Colors

Text with hexadecimal color #b0af86

This text has a font color of #b0af86.

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

#b0af86 background color

This paragraph has a background color of #b0af86.

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

#b0af86 border color

This element has a border color of #b0af86.

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

CSS codes

.text {color:#b0af86;}

.background {background-color:#b0af86;}

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

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

#0a0906
```
#0a0906 rgb(10,9,6)
```
#15150e
```
#15150e rgb(21,21,14)
```
#212116
```
#212116 rgb(33,33,22)
```
#2d2d1d
```
#2d2d1d rgb(45,45,29)
```
#393925
```
#393925 rgb(57,57,37)
```
#45442d
```
#45442d rgb(69,68,45)
```
#515035
```
#515035 rgb(81,80,53)
```
#5d5c3c
```
#5d5c3c rgb(93,92,60)
```
#686844
```
#686844 rgb(104,104,68)
```
#74734c
```
#74734c rgb(116,115,76)
```
#807f54
```
#807f54 rgb(128,127,84)
```
#8c8b5b
```
#8c8b5b rgb(140,139,91)
```
#989763
```
#989763 rgb(152,151,99)
```

Shade Color Variation

#a19f6e
```
#a19f6e rgb(161,159,110)
```
#a8a77a
```
#a8a77a rgb(168,167,122)
```
#b0af86
```
#b0af86 rgb(176,175,134)
```
#b8b792
```
#b8b792 rgb(184,183,146)
```
#bfbf9e
```
#bfbf9e rgb(191,191,158)
```
#c7c7aa
```
#c7c7aa rgb(199,199,170)
```
#cfceb5
```
#cfceb5 rgb(207,206,181)
```
#d7d6c1
```
#d7d6c1 rgb(215,214,193)
```
#dedecd
```
#dedecd rgb(222,222,205)
```
#e6e6d9
```
#e6e6d9 rgb(230,230,217)
```
#eeeee5
```
#eeeee5 rgb(238,238,229)
```
#f6f6f1
```
#f6f6f1 rgb(246,246,241)
```
#fdfdfd
```
#fdfdfd rgb(253,253,253)
```

Tint Color Variation

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

#a1a095
```
#a1a095 rgb(161,160,149)
```
#a8a88e
```
#a8a88e rgb(168,168,142)
```
#b0af86
```
#b0af86 rgb(176,175,134)
```
#b8b67e
```
#b8b67e rgb(184,182,126)
```
#bfbe77
```
#bfbe77 rgb(191,190,119)
```
#c7c56f
```
#c7c56f rgb(199,197,111)
```
#cfcc67
```
#cfcc67 rgb(207,204,103)
```
#d6d460
```
#d6d460 rgb(214,212,96)
```
#dedb58
```
#dedb58 rgb(222,219,88)
```
#e6e250
```
#e6e250 rgb(230,226,80)
```
#eeea48
```
#eeea48 rgb(238,234,72)
```
#f5f141
```
#f5f141 rgb(245,241,65)
```
#fdf839
```
#fdf839 rgb(253,248,57)
```

Tone Color Variation

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

#ababab Achromatopsia 0.005% of the population
#acaca4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#bcb08b Protanopia 1% of men
#cdaa8e Deuteranopia 1% of men
#baacb9 Tritanopia 0.001% of the population

Trichromacy

#b7b089 Protanomaly 1% of men, 0.01% of women
#c2ac8b Deuteranomaly 6% of men, 0.4% of women
#b6ada6 Tritanomaly 0.01% of the population

#b0af86 hex color

#b0af86 Color Information

#b0af86 Color Conversion

Color Schemes with #b0af86

Alternatives to #b0af86

#b0af86 Preview

Shades and Tints of #b0af86

Tones of #b0af86

Color Blindness Simulator