#b3af87 hex color

In a RGB color space, hex #b3af87 is composed of 70.2% red, 68.6% green and 52.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 2.2% magenta, 24.6% yellow and 29.8% black. It has a hue angle of 54.5 degrees, a saturation of 22.4% and a lightness of 61.6%. #b3af87 color hex could be obtained by blending #ffffff with #675f0f. Closest websafe color is: #cc9999.

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

● #b3af87 color description : Grayish yellow.

The hexadecimal color #b3af87 has RGB values of R:179, G:175, B:135 and CMYK values of C:0, M:0.02, Y:0.25, K:0.3. Its decimal value is 11775879.

Hex triplet	b3af87	`#b3af87`
RGB Decimal	179, 175, 135	`rgb(179,175,135)`
RGB Percent	70.2, 68.6, 52.9	`rgb(70.2%,68.6%,52.9%)`
CMYK	0, 2, 25, 30
HSL	54.5°, 22.4, 61.6	`hsl(54.5,22.4%,61.6%)`
HSV (or HSB)	54.5°, 24.6, 70.2
Web Safe	cc9999	`#cc9999`

CIE-LAB	70.866, -5.137, 21.077
XYZ	38.293, 41.993, 29.009
xyY	0.35, 0.384, 41.993
CIE-LCH	70.866, 21.694, 103.698
CIE-LUV	70.866, 4.586, 29.574
Hunter-Lab	64.802, -7.925, 18.82
Binary	10110011, 10101111, 10000111

#b3af87
```
#b3af87 rgb(179,175,135)
```
#878bb3
```
#878bb3 rgb(135,139,179)
```

Complementary Color

#b39987
```
#b39987 rgb(179,153,135)
```
#b3af87
```
#b3af87 rgb(179,175,135)
```
#a1b387
```
#a1b387 rgb(161,179,135)
```

Analogous Color

#9987b3
```
#9987b3 rgb(153,135,179)
```
#b3af87
```
#b3af87 rgb(179,175,135)
```
#87a1b3
```
#87a1b3 rgb(135,161,179)
```

Split Complementary Color

#af87b3
```
#af87b3 rgb(175,135,179)
```
#b3af87
```
#b3af87 rgb(179,175,135)
```
#87b3af
```
#87b3af rgb(135,179,175)
```

Triadic Color

#b3878b
```
#b3878b rgb(179,135,139)
```
#b3af87
```
#b3af87 rgb(179,175,135)
```
#87b3af
```
#87b3af rgb(135,179,175)
```
#878bb3
```
#878bb3 rgb(135,139,179)
```

Tetradic Color

#918d5c
```
#918d5c rgb(145,141,92)
```
#9f9a68
```
#9f9a68 rgb(159,154,104)
```
#a9a577
```
#a9a577 rgb(169,165,119)
```
#b3af87
```
#b3af87 rgb(179,175,135)
```
#bdb997
```
#bdb997 rgb(189,185,151)
```
#c7c4a6
```
#c7c4a6 rgb(199,196,166)
```
#d1ceb6
```
#d1ceb6 rgb(209,206,182)
```

Monochromatic Color

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

#b3a487
```
#b3a487 rgb(179,164,135)
```
#b3a887
```
#b3a887 rgb(179,168,135)
```
#b3ab87
```
#b3ab87 rgb(179,171,135)
```
#b3af87
```
#b3af87 rgb(179,175,135)
```
#b3b387
```
#b3b387 rgb(179,179,135)
```
#b0b387
```
#b0b387 rgb(176,179,135)
```
#acb387
```
#acb387 rgb(172,179,135)
```

Similar Colors

Text with hexadecimal color #b3af87

This text has a font color of #b3af87.

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

#b3af87 background color

This paragraph has a background color of #b3af87.

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

#b3af87 border color

This element has a border color of #b3af87.

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

CSS codes

.text {color:#b3af87;}

.background {background-color:#b3af87;}

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

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

#000000
```
#000000 rgb(0,0,0)
```
#0c0c08
```
#0c0c08 rgb(12,12,8)
```
#18170f
```
#18170f rgb(24,23,15)
```
#242317
```
#242317 rgb(36,35,23)
```
#302f1e
```
#302f1e rgb(48,47,30)
```
#3c3a26
```
#3c3a26 rgb(60,58,38)
```
#48462e
```
#48462e rgb(72,70,46)
```
#545135
```
#545135 rgb(84,81,53)
```
#605d3d
```
#605d3d rgb(96,93,61)
```
#6c6945
```
#6c6945 rgb(108,105,69)
```
#78744c
```
#78744c rgb(120,116,76)
```
#848054
```
#848054 rgb(132,128,84)
```
#908b5b
```
#908b5b rgb(144,139,91)
```

Shade Color Variation

#9c9763
```
#9c9763 rgb(156,151,99)
```
#a49f6f
```
#a49f6f rgb(164,159,111)
```
#aba77b
```
#aba77b rgb(171,167,123)
```
#b3af87
```
#b3af87 rgb(179,175,135)
```
#bbb793
```
#bbb793 rgb(187,183,147)
```
#c2bf9f
```
#c2bf9f rgb(194,191,159)
```
#cac7ab
```
#cac7ab rgb(202,199,171)
```
#d1cfb7
```
#d1cfb7 rgb(209,207,183)
```
#d9d7c3
```
#d9d7c3 rgb(217,215,195)
```
#e1dfcf
```
#e1dfcf rgb(225,223,207)
```
#e8e7db
```
#e8e7db rgb(232,231,219)
```
#f0efe7
```
#f0efe7 rgb(240,239,231)
```
#f7f7f3
```
#f7f7f3 rgb(247,247,243)
```

Tint Color Variation

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

#a4a396
```
#a4a396 rgb(164,163,150)
```
#aba98f
```
#aba98f rgb(171,169,143)
```
#b3af87
```
#b3af87 rgb(179,175,135)
```
#bbb57f
```
#bbb57f rgb(187,181,127)
```
#c2bb78
```
#c2bb78 rgb(194,187,120)
```
#cac270
```
#cac270 rgb(202,194,112)
```
#d1c869
```
#d1c869 rgb(209,200,105)
```
#d9ce61
```
#d9ce61 rgb(217,206,97)
```
#e0d45a
```
#e0d45a rgb(224,212,90)
```
#e8da52
```
#e8da52 rgb(232,218,82)
```
#efe04b
```
#efe04b rgb(239,224,75)
```
#f7e743
```
#f7e743 rgb(247,231,67)
```
#feed3c
```
#feed3c rgb(254,237,60)
```

Tone Color Variation

Below, you can see how #b3af87 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
#adada5 Atypical Achromatopsia 0.001% of the population

Dichromacy

#bcb18c Protanopia 1% of men
#cdab8f Deuteranopia 1% of men
#bdadb9 Tritanopia 0.001% of the population

Trichromacy

#b9b08a Protanomaly 1% of men, 0.01% of women
#c4ac8c Deuteranomaly 6% of men, 0.4% of women
#b9ada7 Tritanomaly 0.01% of the population

#b3af87 hex color

#b3af87 Color Information

#b3af87 Color Conversion

Color Schemes with #b3af87

Alternatives to #b3af87

#b3af87 Preview

Shades and Tints of #b3af87

Tones of #b3af87

Color Blindness Simulator