#b4b696 hex color

In a RGB color space, hex #b4b696 is composed of 70.6% red, 71.4% green and 58.8% blue. Whereas in a CMYK color space, it is composed of 1.1% cyan, 0% magenta, 17.6% yellow and 28.6% black. It has a hue angle of 63.8 degrees, a saturation of 18% and a lightness of 65.1%. #b4b696 color hex could be obtained by blending #ffffff with #696d2d. Closest websafe color is: #cccc99.

♥
- f
- t
- g
- R 71
- G 71
- B 59
RGB color chart
- C 1
- M 0
- Y 18
- K 29
CMYK color chart

● #b4b696 color description : Grayish yellow.

The hexadecimal color #b4b696 has RGB values of R:180, G:182, B:150 and CMYK values of C:0.01, M:0, Y:0.18, K:0.29. Its decimal value is 11843222.

Hex triplet	b4b696	`#b4b696`
RGB Decimal	180, 182, 150	`rgb(180,182,150)`
RGB Percent	70.6, 71.4, 58.8	`rgb(70.6%,71.4%,58.8%)`
CMYK	1, 0, 18, 29
HSL	63.8°, 18, 65.1	`hsl(63.8,18%,65.1%)`
HSV (or HSB)	63.8°, 17.6, 71.4
Web Safe	cccc99	`#cccc99`

CIE-LAB	73.129, -6.219, 16.089
XYZ	41.054, 45.361, 35.445
xyY	0.337, 0.372, 45.361
CIE-LCH	73.129, 17.249, 111.135
CIE-LUV	73.129, 0.509, 23.61
Hunter-Lab	67.351, -9.058, 15.942
Binary	10110100, 10110110, 10010110

#b4b696
```
#b4b696 rgb(180,182,150)
```
#9896b6
```
#9896b6 rgb(152,150,182)
```

Complementary Color

#b6a896
```
#b6a896 rgb(182,168,150)
```
#b4b696
```
#b4b696 rgb(180,182,150)
```
#a4b696
```
#a4b696 rgb(164,182,150)
```

Analogous Color

#a896b6
```
#a896b6 rgb(168,150,182)
```
#b4b696
```
#b4b696 rgb(180,182,150)
```
#96a4b6
```
#96a4b6 rgb(150,164,182)
```

Split Complementary Color

#b696b4
```
#b696b4 rgb(182,150,180)
```
#b4b696
```
#b4b696 rgb(180,182,150)
```
#96b4b6
```
#96b4b6 rgb(150,180,182)
```

Triadic Color

#b69896
```
#b69896 rgb(182,152,150)
```
#b4b696
```
#b4b696 rgb(180,182,150)
```
#96b4b6
```
#96b4b6 rgb(150,180,182)
```
#9896b6
```
#9896b6 rgb(152,150,182)
```

Tetradic Color

#949769
```
#949769 rgb(148,151,105)
```
#9fa178
```
#9fa178 rgb(159,161,120)
```
#a9ac87
```
#a9ac87 rgb(169,172,135)
```
#b4b696
```
#b4b696 rgb(180,182,150)
```
#bfc0a5
```
#bfc0a5 rgb(191,192,165)
```
#c9cbb4
```
#c9cbb4 rgb(201,203,180)
```
#d4d5c3
```
#d4d5c3 rgb(212,213,195)
```

Monochromatic Color

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

#b6b096
```
#b6b096 rgb(182,176,150)
```
#b6b396
```
#b6b396 rgb(182,179,150)
```
#b6b596
```
#b6b596 rgb(182,181,150)
```
#b4b696
```
#b4b696 rgb(180,182,150)
```
#b1b696
```
#b1b696 rgb(177,182,150)
```
#afb696
```
#afb696 rgb(175,182,150)
```
#acb696
```
#acb696 rgb(172,182,150)
```

Similar Colors

Text with hexadecimal color #b4b696

This text has a font color of #b4b696.

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

#b4b696 background color

This paragraph has a background color of #b4b696.

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

#b4b696 border color

This element has a border color of #b4b696.

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

CSS codes

.text {color:#b4b696;}

.background {background-color:#b4b696;}

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

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 #fefefe is the lightest one.

#0b0b07
```
#0b0b07 rgb(11,11,7)
```
#16160f
```
#16160f rgb(22,22,15)
```
#212218
```
#212218 rgb(33,34,24)
```
#2d2d20
```
#2d2d20 rgb(45,45,32)
```
#383928
```
#383928 rgb(56,57,40)
```
#434530
```
#434530 rgb(67,69,48)
```
#4f5038
```
#4f5038 rgb(79,80,56)
```
#5a5c40
```
#5a5c40 rgb(90,92,64)
```
#656748
```
#656748 rgb(101,103,72)
```
#717350
```
#717350 rgb(113,115,80)
```
#7c7e58
```
#7c7e58 rgb(124,126,88)
```
#878a60
```
#878a60 rgb(135,138,96)
```
#939668
```
#939668 rgb(147,150,104)
```

Shade Color Variation

#9b9e73
```
#9b9e73 rgb(155,158,115)
```
#a3a67f
```
#a3a67f rgb(163,166,127)
```
#acae8a
```
#acae8a rgb(172,174,138)
```
#b4b696
```
#b4b696 rgb(180,182,150)
```
#bcbea2
```
#bcbea2 rgb(188,190,162)
```
#c5c6ad
```
#c5c6ad rgb(197,198,173)
```
#cdceb9
```
#cdceb9 rgb(205,206,185)
```
#d5d6c4
```
#d5d6c4 rgb(213,214,196)
```
#ddded0
```
#ddded0 rgb(221,222,208)
```
#e6e6db
```
#e6e6db rgb(230,230,219)
```
#eeeee7
```
#eeeee7 rgb(238,238,231)
```
#f6f6f3
```
#f6f6f3 rgb(246,246,243)
```
#fefefe
```
#fefefe rgb(254,254,254)
```

Tint Color Variation

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

#a8a8a4
```
#a8a8a4 rgb(168,168,164)
```
#aeaf9d
```
#aeaf9d rgb(174,175,157)
```
#b4b696
```
#b4b696 rgb(180,182,150)
```
#babd8f
```
#babd8f rgb(186,189,143)
```
#c0c488
```
#c0c488 rgb(192,196,136)
```
#c6cb81
```
#c6cb81 rgb(198,203,129)
```
#ccd17b
```
#ccd17b rgb(204,209,123)
```
#d2d874
```
#d2d874 rgb(210,216,116)
```
#d8df6d
```
#d8df6d rgb(216,223,109)
```
#dee666
```
#dee666 rgb(222,230,102)
```
#e4ed5f
```
#e4ed5f rgb(228,237,95)
```
#eaf458
```
#eaf458 rgb(234,244,88)
```
#f0fa52
```
#f0fa52 rgb(240,250,82)
```

Tone Color Variation

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

#b2b2b2 Achromatopsia 0.005% of the population
#b2b3ac Atypical Achromatopsia 0.001% of the population

Dichromacy

#c1b79a Protanopia 1% of men
#d1b19e Deuteranopia 1% of men
#bdb4c1 Tritanopia 0.001% of the population

Trichromacy

#bcb698 Protanomaly 1% of men, 0.01% of women
#c6b29b Deuteranomaly 6% of men, 0.4% of women
#bab4b1 Tritanomaly 0.01% of the population

#b4b696 hex color

#b4b696 Color Information

#b4b696 Color Conversion

Color Schemes with #b4b696

Alternatives to #b4b696

#b4b696 Preview

Shades and Tints of #b4b696

Tones of #b4b696

Color Blindness Simulator