#b4b396 hex color

In a RGB color space, hex #b4b396 is composed of 70.6% red, 70.2% green and 58.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 0.6% magenta, 16.7% yellow and 29.4% black. It has a hue angle of 58 degrees, a saturation of 16.7% and a lightness of 64.7%. #b4b396 color hex could be obtained by blending #ffffff with #69672d. Closest websafe color is: #cccc99.

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

● #b4b396 color description : Grayish yellow.

The hexadecimal color #b4b396 has RGB values of R:180, G:179, B:150 and CMYK values of C:0, M:0.01, Y:0.17, K:0.29. Its decimal value is 11842454.

Hex triplet	b4b396	`#b4b396`
RGB Decimal	180, 179, 150	`rgb(180,179,150)`
RGB Percent	70.6, 70.2, 58.8	`rgb(70.6%,70.2%,58.8%)`
CMYK	0, 1, 17, 29
HSL	58°, 16.7, 64.7	`hsl(58,16.7%,64.7%)`
HSV (or HSB)	58°, 16.7, 70.6
Web Safe	cccc99	`#cccc99`

CIE-LAB	72.326, -4.631, 14.966
XYZ	40.447, 44.146, 35.243
xyY	0.338, 0.368, 44.146
CIE-LCH	72.326, 15.666, 107.194
CIE-LUV	72.326, 2.164, 21.782
Hunter-Lab	66.442, -7.612, 15.061
Binary	10110100, 10110011, 10010110

#b4b396
```
#b4b396 rgb(180,179,150)
```
#9697b4
```
#9697b4 rgb(150,151,180)
```

Complementary Color

#b4a496
```
#b4a496 rgb(180,164,150)
```
#b4b396
```
#b4b396 rgb(180,179,150)
```
#a6b496
```
#a6b496 rgb(166,180,150)
```

Analogous Color

#a496b4
```
#a496b4 rgb(164,150,180)
```
#b4b396
```
#b4b396 rgb(180,179,150)
```
#96a6b4
```
#96a6b4 rgb(150,166,180)
```

Split Complementary Color

#b396b4
```
#b396b4 rgb(179,150,180)
```
#b4b396
```
#b4b396 rgb(180,179,150)
```
#96b4b3
```
#96b4b3 rgb(150,180,179)
```

Triadic Color

#b49697
```
#b49697 rgb(180,150,151)
```
#b4b396
```
#b4b396 rgb(180,179,150)
```
#96b4b3
```
#96b4b3 rgb(150,180,179)
```
#9697b4
```
#9697b4 rgb(150,151,180)
```

Tetradic Color

#94926a
```
#94926a rgb(148,146,106)
```
#9f9d78
```
#9f9d78 rgb(159,157,120)
```
#a9a887
```
#a9a887 rgb(169,168,135)
```
#b4b396
```
#b4b396 rgb(180,179,150)
```
#bfbea5
```
#bfbea5 rgb(191,190,165)
```
#c9c9b4
```
#c9c9b4 rgb(201,201,180)
```
#d4d3c3
```
#d4d3c3 rgb(212,211,195)
```

Monochromatic Color

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

#b4ac96
```
#b4ac96 rgb(180,172,150)
```
#b4ae96
```
#b4ae96 rgb(180,174,150)
```
#b4b196
```
#b4b196 rgb(180,177,150)
```
#b4b396
```
#b4b396 rgb(180,179,150)
```
#b3b496
```
#b3b496 rgb(179,180,150)
```
#b0b496
```
#b0b496 rgb(176,180,150)
```
#aeb496
```
#aeb496 rgb(174,180,150)
```

Similar Colors

Text with hexadecimal color #b4b396

This text has a font color of #b4b396.

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

#b4b396 background color

This paragraph has a background color of #b4b396.

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

#b4b396 border color

This element has a border color of #b4b396.

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

CSS codes

.text {color:#b4b396;}

.background {background-color:#b4b396;}

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

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

#090907
```
#090907 rgb(9,9,7)
```
#15150f
```
#15150f rgb(21,21,15)
```
#202017
```
#202017 rgb(32,32,23)
```
#2c2b1f
```
#2c2b1f rgb(44,43,31)
```
#373727
```
#373727 rgb(55,55,39)
```
#434230
```
#434230 rgb(67,66,48)
```
#4e4d38
```
#4e4d38 rgb(78,77,56)
```
#5a5940
```
#5a5940 rgb(90,89,64)
```
#656448
```
#656448 rgb(101,100,72)
```
#706f50
```
#706f50 rgb(112,111,80)
```
#7c7b58
```
#7c7b58 rgb(124,123,88)
```
#878661
```
#878661 rgb(135,134,97)
```
#939169
```
#939169 rgb(147,145,105)
```

Shade Color Variation

#9b9a74
```
#9b9a74 rgb(155,154,116)
```
#a4a27f
```
#a4a27f rgb(164,162,127)
```
#acab8b
```
#acab8b rgb(172,171,139)
```
#b4b396
```
#b4b396 rgb(180,179,150)
```
#bcbba1
```
#bcbba1 rgb(188,187,161)
```
#c4c4ad
```
#c4c4ad rgb(196,196,173)
```
#cdccb8
```
#cdccb8 rgb(205,204,184)
```
#d5d4c4
```
#d5d4c4 rgb(213,212,196)
```
#dddccf
```
#dddccf rgb(221,220,207)
```
#e5e5db
```
#e5e5db rgb(229,229,219)
```
#edede6
```
#edede6 rgb(237,237,230)
```
#f5f5f2
```
#f5f5f2 rgb(245,245,242)
```
#fefefd
```
#fefefd rgb(254,254,253)
```

Tint Color Variation

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

#a6a6a4
```
#a6a6a4 rgb(166,166,164)
```
#adad9d
```
#adad9d rgb(173,173,157)
```
#b4b396
```
#b4b396 rgb(180,179,150)
```
#bbb98f
```
#bbb98f rgb(187,185,143)
```
#c2c088
```
#c2c088 rgb(194,192,136)
```
#c9c681
```
#c9c681 rgb(201,198,129)
```
#d0cd7a
```
#d0cd7a rgb(208,205,122)
```
#d7d373
```
#d7d373 rgb(215,211,115)
```
#deda6c
```
#deda6c rgb(222,218,108)
```
#e4e066
```
#e4e066 rgb(228,224,102)
```
#ebe75f
```
#ebe75f rgb(235,231,95)
```
#f2ed58
```
#f2ed58 rgb(242,237,88)
```
#f9f451
```
#f9f451 rgb(249,244,81)
```

Tone Color Variation

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

#b0b0b0 Achromatopsia 0.005% of the population
#b1b1ab Atypical Achromatopsia 0.001% of the population

Dichromacy

#beb49a Protanopia 1% of men
#ceaf9d Deuteranopia 1% of men
#bdb1be Tritanopia 0.001% of the population

Trichromacy

#bab498 Protanomaly 1% of men, 0.01% of women
#c5b09b Deuteranomaly 6% of men, 0.4% of women
#bab2af Tritanomaly 0.01% of the population

#b4b396 hex color

#b4b396 Color Information

#b4b396 Color Conversion

Color Schemes with #b4b396

Alternatives to #b4b396

#b4b396 Preview

Shades and Tints of #b4b396

Tones of #b4b396

Color Blindness Simulator