#b2af87 hex color

In a RGB color space, hex #b2af87 is composed of 69.8% red, 68.6% green and 52.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 1.7% magenta, 24.2% yellow and 30.2% black. It has a hue angle of 55.8 degrees, a saturation of 21.8% and a lightness of 61.4%. #b2af87 color hex could be obtained by blending #ffffff with #655f0f. Closest websafe color is: #999999.

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

● #b2af87 color description : Dark grayish yellow.

The hexadecimal color #b2af87 has RGB values of R:178, G:175, B:135 and CMYK values of C:0, M:0.02, Y:0.24, K:0.3. Its decimal value is 11710343.

Hex triplet	b2af87	`#b2af87`
RGB Decimal	178, 175, 135	`rgb(178,175,135)`
RGB Percent	69.8, 68.6, 52.9	`rgb(69.8%,68.6%,52.9%)`
CMYK	0, 2, 24, 30
HSL	55.8°, 21.8, 61.4	`hsl(55.8,21.8%,61.4%)`
HSV (or HSB)	55.8°, 24.2, 69.8
Web Safe	999999	`#999999`

CIE-LAB	70.784, -5.526, 20.952
XYZ	38.063, 41.875, 28.998
xyY	0.349, 0.384, 41.875
CIE-LCH	70.784, 21.668, 104.775
CIE-LUV	70.784, 3.961, 29.484
Hunter-Lab	64.711, -8.25, 18.729
Binary	10110010, 10101111, 10000111

#b2af87
```
#b2af87 rgb(178,175,135)
```
#878ab2
```
#878ab2 rgb(135,138,178)
```

Complementary Color

#b29a87
```
#b29a87 rgb(178,154,135)
```
#b2af87
```
#b2af87 rgb(178,175,135)
```
#a0b287
```
#a0b287 rgb(160,178,135)
```

Analogous Color

#9a87b2
```
#9a87b2 rgb(154,135,178)
```
#b2af87
```
#b2af87 rgb(178,175,135)
```
#87a0b2
```
#87a0b2 rgb(135,160,178)
```

Split Complementary Color

#af87b2
```
#af87b2 rgb(175,135,178)
```
#b2af87
```
#b2af87 rgb(178,175,135)
```
#87b2af
```
#87b2af rgb(135,178,175)
```

Triadic Color

#b2878a
```
#b2878a rgb(178,135,138)
```
#b2af87
```
#b2af87 rgb(178,175,135)
```
#87b2af
```
#87b2af rgb(135,178,175)
```
#878ab2
```
#878ab2 rgb(135,138,178)
```

Tetradic Color

#908c5c
```
#908c5c rgb(144,140,92)
```
#9e9a68
```
#9e9a68 rgb(158,154,104)
```
#a8a577
```
#a8a577 rgb(168,165,119)
```
#b2af87
```
#b2af87 rgb(178,175,135)
```
#bcb997
```
#bcb997 rgb(188,185,151)
```
#c6c4a6
```
#c6c4a6 rgb(198,196,166)
```
#d0ceb6
```
#d0ceb6 rgb(208,206,182)
```

Monochromatic Color

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

#b2a487
```
#b2a487 rgb(178,164,135)
```
#b2a887
```
#b2a887 rgb(178,168,135)
```
#b2ab87
```
#b2ab87 rgb(178,171,135)
```
#b2af87
```
#b2af87 rgb(178,175,135)
```
#b1b287
```
#b1b287 rgb(177,178,135)
```
#aeb287
```
#aeb287 rgb(174,178,135)
```
#aab287
```
#aab287 rgb(170,178,135)
```

Similar Colors

Text with hexadecimal color #b2af87

This text has a font color of #b2af87.

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

#b2af87 background color

This paragraph has a background color of #b2af87.

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

#b2af87 border color

This element has a border color of #b2af87.

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

CSS codes

.text {color:#b2af87;}

.background {background-color:#b2af87;}

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

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

#0b0b07
```
#0b0b07 rgb(11,11,7)
```
#17170f
```
#17170f rgb(23,23,15)
```
#232217
```
#232217 rgb(35,34,23)
```
#2f2e1e
```
#2f2e1e rgb(47,46,30)
```
#3b3a26
```
#3b3a26 rgb(59,58,38)
```
#47452e
```
#47452e rgb(71,69,46)
```
#535135
```
#535135 rgb(83,81,53)
```
#5f5d3d
```
#5f5d3d rgb(95,93,61)
```
#6b6845
```
#6b6845 rgb(107,104,69)
```
#77744c
```
#77744c rgb(119,116,76)
```
#838054
```
#838054 rgb(131,128,84)
```
#8f8b5c
```
#8f8b5c rgb(143,139,92)
```
#9b9763
```
#9b9763 rgb(155,151,99)
```

Shade Color Variation

#a39f6f
```
#a39f6f rgb(163,159,111)
```
#aaa77b
```
#aaa77b rgb(170,167,123)
```
#b2af87
```
#b2af87 rgb(178,175,135)
```
#bab793
```
#bab793 rgb(186,183,147)
```
#c1bf9f
```
#c1bf9f rgb(193,191,159)
```
#c9c7ab
```
#c9c7ab rgb(201,199,171)
```
#d1cfb7
```
#d1cfb7 rgb(209,207,183)
```
#d8d7c3
```
#d8d7c3 rgb(216,215,195)
```
#e0dfcf
```
#e0dfcf rgb(224,223,207)
```
#e8e7db
```
#e8e7db rgb(232,231,219)
```
#efefe7
```
#efefe7 rgb(239,239,231)
```
#f7f7f3
```
#f7f7f3 rgb(247,247,243)
```
#fffffe
```
#fffffe rgb(255,255,254)
```

Tint Color Variation

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

#a3a296
```
#a3a296 rgb(163,162,150)
```
#aaa88f
```
#aaa88f rgb(170,168,143)
```
#b2af87
```
#b2af87 rgb(178,175,135)
```
#bab67f
```
#bab67f rgb(186,182,127)
```
#c1bc78
```
#c1bc78 rgb(193,188,120)
```
#c9c370
```
#c9c370 rgb(201,195,112)
```
#d0c969
```
#d0c969 rgb(208,201,105)
```
#d8d061
```
#d8d061 rgb(216,208,97)
```
#dfd65a
```
#dfd65a rgb(223,214,90)
```
#e7dd52
```
#e7dd52 rgb(231,221,82)
```
#efe34a
```
#efe34a rgb(239,227,74)
```
#f6ea43
```
#f6ea43 rgb(246,234,67)
```
#fef03b
```
#fef03b rgb(254,240,59)
```

Tone Color Variation

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

#bcb18c Protanopia 1% of men
#cdaa8f Deuteranopia 1% of men
#bcadb9 Tritanopia 0.001% of the population

Trichromacy

#b8b08a Protanomaly 1% of men, 0.01% of women
#c3ac8c Deuteranomaly 6% of men, 0.4% of women
#b8ada7 Tritanomaly 0.01% of the population

#b2af87 hex color

#b2af87 Color Information

#b2af87 Color Conversion

Color Schemes with #b2af87

Alternatives to #b2af87

#b2af87 Preview

Shades and Tints of #b2af87

Tones of #b2af87

Color Blindness Simulator