#b1af84 hex color

In a RGB color space, hex #b1af84 is composed of 69.4% red, 68.6% green and 51.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 1.1% magenta, 25.4% yellow and 30.6% black. It has a hue angle of 57.3 degrees, a saturation of 22.4% and a lightness of 60.6%. #b1af84 color hex could be obtained by blending #ffffff with #635f09. Closest websafe color is: #999999.

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

● #b1af84 color description : Mostly desaturated dark yellow.

The hexadecimal color #b1af84 has RGB values of R:177, G:175, B:132 and CMYK values of C:0, M:0.01, Y:0.25, K:0.31. Its decimal value is 11644804.

Hex triplet	b1af84	`#b1af84`
RGB Decimal	177, 175, 132	`rgb(177,175,132)`
RGB Percent	69.4, 68.6, 51.8	`rgb(69.4%,68.6%,51.8%)`
CMYK	0, 1, 25, 31
HSL	57.3°, 22.4, 60.6	`hsl(57.3,22.4%,60.6%)`
HSV (or HSB)	57.3°, 25.4, 69.4
Web Safe	999999	`#999999`

CIE-LAB	70.645, -6.342, 22.372
XYZ	37.626, 41.673, 27.89
xyY	0.351, 0.389, 41.673
CIE-LCH	70.645, 23.253, 105.826
CIE-LUV	70.645, 3.489, 31.37
Hunter-Lab	64.555, -8.933, 19.573
Binary	10110001, 10101111, 10000100

#b1af84
```
#b1af84 rgb(177,175,132)
```
#8486b1
```
#8486b1 rgb(132,134,177)
```

Complementary Color

#b19984
```
#b19984 rgb(177,153,132)
```
#b1af84
```
#b1af84 rgb(177,175,132)
```
#9db184
```
#9db184 rgb(157,177,132)
```

Analogous Color

#9984b1
```
#9984b1 rgb(153,132,177)
```
#b1af84
```
#b1af84 rgb(177,175,132)
```
#849db1
```
#849db1 rgb(132,157,177)
```

Split Complementary Color

#af84b1
```
#af84b1 rgb(175,132,177)
```
#b1af84
```
#b1af84 rgb(177,175,132)
```
#84b1af
```
#84b1af rgb(132,177,175)
```

Triadic Color

#b18486
```
#b18486 rgb(177,132,134)
```
#b1af84
```
#b1af84 rgb(177,175,132)
```
#84b1af
```
#84b1af rgb(132,177,175)
```
#8486b1
```
#8486b1 rgb(132,134,177)
```

Tetradic Color

#8e8c5a
```
#8e8c5a rgb(142,140,90)
```
#9d9b65
```
#9d9b65 rgb(157,155,101)
```
#a7a574
```
#a7a574 rgb(167,165,116)
```
#b1af84
```
#b1af84 rgb(177,175,132)
```
#bbb994
```
#bbb994 rgb(187,185,148)
```
#c5c3a3
```
#c5c3a3 rgb(197,195,163)
```
#cfcdb3
```
#cfcdb3 rgb(207,205,179)
```

Monochromatic Color

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

#b1a484
```
#b1a484 rgb(177,164,132)
```
#b1a884
```
#b1a884 rgb(177,168,132)
```
#b1ab84
```
#b1ab84 rgb(177,171,132)
```
#b1af84
```
#b1af84 rgb(177,175,132)
```
#afb184
```
#afb184 rgb(175,177,132)
```
#acb184
```
#acb184 rgb(172,177,132)
```
#a8b184
```
#a8b184 rgb(168,177,132)
```

Similar Colors

Text with hexadecimal color #b1af84

This text has a font color of #b1af84.

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

#b1af84 background color

This paragraph has a background color of #b1af84.

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

#b1af84 border color

This element has a border color of #b1af84.

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

CSS codes

.text {color:#b1af84;}

.background {background-color:#b1af84;}

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

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

#090906
```
#090906 rgb(9,9,6)
```
#15150d
```
#15150d rgb(21,21,13)
```
#212115
```
#212115 rgb(33,33,21)
```
#2d2c1d
```
#2d2c1d rgb(45,44,29)
```
#393824
```
#393824 rgb(57,56,36)
```
#45442c
```
#45442c rgb(69,68,44)
```
#515033
```
#515033 rgb(81,80,51)
```
#5d5c3b
```
#5d5c3b rgb(93,92,59)
```
#696743
```
#696743 rgb(105,103,67)
```
#75734a
```
#75734a rgb(117,115,74)
```
#817f52
```
#817f52 rgb(129,127,82)
```
#8d8b59
```
#8d8b59 rgb(141,139,89)
```
#999761
```
#999761 rgb(153,151,97)
```

Shade Color Variation

#a29f6c
```
#a29f6c rgb(162,159,108)
```
#a9a778
```
#a9a778 rgb(169,167,120)
```
#b1af84
```
#b1af84 rgb(177,175,132)
```
#b9b790
```
#b9b790 rgb(185,183,144)
```
#c0bf9c
```
#c0bf9c rgb(192,191,156)
```
#c8c6a8
```
#c8c6a8 rgb(200,198,168)
```
#cfceb4
```
#cfceb4 rgb(207,206,180)
```
#d7d6c0
```
#d7d6c0 rgb(215,214,192)
```
#dfdecc
```
#dfdecc rgb(223,222,204)
```
#e6e6d8
```
#e6e6d8 rgb(230,230,216)
```
#eeede4
```
#eeede4 rgb(238,237,228)
```
#f6f5f0
```
#f6f5f0 rgb(246,245,240)
```
#fdfdfc
```
#fdfdfc rgb(253,253,252)
```

Tint Color Variation

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

#a2a193
```
#a2a193 rgb(162,161,147)
```
#a9a88c
```
#a9a88c rgb(169,168,140)
```
#b1af84
```
#b1af84 rgb(177,175,132)
```
#b9b67c
```
#b9b67c rgb(185,182,124)
```
#c0bd75
```
#c0bd75 rgb(192,189,117)
```
#c8c46d
```
#c8c46d rgb(200,196,109)
```
#d0cb65
```
#d0cb65 rgb(208,203,101)
```
#d8d25d
```
#d8d25d rgb(216,210,93)
```
#dfd956
```
#dfd956 rgb(223,217,86)
```
#e7e04e
```
#e7e04e rgb(231,224,78)
```
#efe746
```
#efe746 rgb(239,231,70)
```
#f7ee3e
```
#f7ee3e rgb(247,238,62)
```
#fef537
```
#fef537 rgb(254,245,55)
```

Tone Color Variation

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

Dichromacy

#bcb089 Protanopia 1% of men
#cdaa8d Deuteranopia 1% of men
#bbacb9 Tritanopia 0.001% of the population

Trichromacy

#b8b087 Protanomaly 1% of men, 0.01% of women
#c3ac89 Deuteranomaly 6% of men, 0.4% of women
#b7ada5 Tritanomaly 0.01% of the population

#b1af84 hex color

#b1af84 Color Information

#b1af84 Color Conversion

Color Schemes with #b1af84

Alternatives to #b1af84

#b1af84 Preview

Shades and Tints of #b1af84

Tones of #b1af84

Color Blindness Simulator