#b4bd96 hex color

In a RGB color space, hex #b4bd96 is composed of 70.6% red, 74.1% green and 58.8% blue. Whereas in a CMYK color space, it is composed of 4.8% cyan, 0% magenta, 20.6% yellow and 25.9% black. It has a hue angle of 73.8 degrees, a saturation of 22.8% and a lightness of 66.5%. #b4bd96 color hex could be obtained by blending #ffffff with #697b2d. Closest websafe color is: #cccc99.

♥
- f
- t
- g
- R 71
- G 74
- B 59
RGB color chart
- C 5
- M 0
- Y 21
- K 26
CMYK color chart

● #b4bd96 color description : Grayish yellow.

The hexadecimal color #b4bd96 has RGB values of R:180, G:189, B:150 and CMYK values of C:0.05, M:0, Y:0.21, K:0.26. Its decimal value is 11845014.

Hex triplet	b4bd96	`#b4bd96`
RGB Decimal	180, 189, 150	`rgb(180,189,150)`
RGB Percent	70.6, 74.1, 58.8	`rgb(70.6%,74.1%,58.8%)`
CMYK	5, 0, 21, 26
HSL	73.8°, 22.8, 66.5	`hsl(73.8,22.8%,66.5%)`
HSV (or HSB)	73.8°, 20.6, 74.1
Web Safe	cccc99	`#cccc99`

CIE-LAB	75.014, -9.887, 18.707
XYZ	42.524, 48.3, 35.935
xyY	0.335, 0.381, 48.3
CIE-LCH	75.014, 21.159, 117.856
CIE-LUV	75.014, -3.324, 27.853
Hunter-Lab	69.499, -12.404, 17.992
Binary	10110100, 10111101, 10010110

#b4bd96
```
#b4bd96 rgb(180,189,150)
```
#9f96bd
```
#9f96bd rgb(159,150,189)
```

Complementary Color

#bdb396
```
#bdb396 rgb(189,179,150)
```
#b4bd96
```
#b4bd96 rgb(180,189,150)
```
#a1bd96
```
#a1bd96 rgb(161,189,150)
```

Analogous Color

#b396bd
```
#b396bd rgb(179,150,189)
```
#b4bd96
```
#b4bd96 rgb(180,189,150)
```
#96a1bd
```
#96a1bd rgb(150,161,189)
```

Split Complementary Color

#bd96b4
```
#bd96b4 rgb(189,150,180)
```
#b4bd96
```
#b4bd96 rgb(180,189,150)
```
#96b4bd
```
#96b4bd rgb(150,180,189)
```

Triadic Color

#bd9f96
```
#bd9f96 rgb(189,159,150)
```
#b4bd96
```
#b4bd96 rgb(180,189,150)
```
#96b4bd
```
#96b4bd rgb(150,180,189)
```
#9f96bd
```
#9f96bd rgb(159,150,189)
```

Tetradic Color

#929f67
```
#929f67 rgb(146,159,103)
```
#9ea977
```
#9ea977 rgb(158,169,119)
```
#a9b386
```
#a9b386 rgb(169,179,134)
```
#b4bd96
```
#b4bd96 rgb(180,189,150)
```
#bfc7a6
```
#bfc7a6 rgb(191,199,166)
```
#cad1b5
```
#cad1b5 rgb(202,209,181)
```
#d6dbc5
```
#d6dbc5 rgb(214,219,197)
```

Monochromatic Color

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

#bdbc96
```
#bdbc96 rgb(189,188,150)
```
#bbbd96
```
#bbbd96 rgb(187,189,150)
```
#b7bd96
```
#b7bd96 rgb(183,189,150)
```
#b4bd96
```
#b4bd96 rgb(180,189,150)
```
#b1bd96
```
#b1bd96 rgb(177,189,150)
```
#aebd96
```
#aebd96 rgb(174,189,150)
```
#aabd96
```
#aabd96 rgb(170,189,150)
```

Similar Colors

Text with hexadecimal color #b4bd96

This text has a font color of #b4bd96.

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

#b4bd96 background color

This paragraph has a background color of #b4bd96.

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

#b4bd96 border color

This element has a border color of #b4bd96.

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

CSS codes

.text {color:#b4bd96;}

.background {background-color:#b4bd96;}

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

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

#030302
```
#030302 rgb(3,3,2)
```
#0e0f0a
```
#0e0f0a rgb(14,15,10)
```
#191b11
```
#191b11 rgb(25,27,17)
```
#242819
```
#242819 rgb(36,40,25)
```
#2f3420
```
#2f3420 rgb(47,52,32)
```
#3a4028
```
#3a4028 rgb(58,64,40)
```
#454c30
```
#454c30 rgb(69,76,48)
```
#505837
```
#505837 rgb(80,88,55)
```
#5b643f
```
#5b643f rgb(91,100,63)
```
#667046
```
#667046 rgb(102,112,70)
```
#717c4e
```
#717c4e rgb(113,124,78)
```
#7c8855
```
#7c8855 rgb(124,136,85)
```
#87945d
```
#87945d rgb(135,148,93)
```

Shade Color Variation

#929f66
```
#929f66 rgb(146,159,102)
```
#9aa672
```
#9aa672 rgb(154,166,114)
```
#a3ae7e
```
#a3ae7e rgb(163,174,126)
```
#abb58a
```
#abb58a rgb(171,181,138)
```
#b4bd96
```
#b4bd96 rgb(180,189,150)
```
#bdc5a2
```
#bdc5a2 rgb(189,197,162)
```
#c5ccae
```
#c5ccae rgb(197,204,174)
```
#ced4ba
```
#ced4ba rgb(206,212,186)
```
#d6dbc6
```
#d6dbc6 rgb(214,219,198)
```
#dfe3d2
```
#dfe3d2 rgb(223,227,210)
```
#e8eade
```
#e8eade rgb(232,234,222)
```
#f0f2ea
```
#f0f2ea rgb(240,242,234)
```
#f9faf6
```
#f9faf6 rgb(249,250,246)
```

Tint Color Variation

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

#adb0a3
```
#adb0a3 rgb(173,176,163)
```
#b0b69d
```
#b0b69d rgb(176,182,157)
```
#b4bd96
```
#b4bd96 rgb(180,189,150)
```
#b8c48f
```
#b8c48f rgb(184,196,143)
```
#bbca89
```
#bbca89 rgb(187,202,137)
```
#bfd182
```
#bfd182 rgb(191,209,130)
```
#c2d77c
```
#c2d77c rgb(194,215,124)
```
#c6de75
```
#c6de75 rgb(198,222,117)
```
#c9e46f
```
#c9e46f rgb(201,228,111)
```
#cdeb68
```
#cdeb68 rgb(205,235,104)
```
#d0f261
```
#d0f261 rgb(208,242,97)
```
#d4f85b
```
#d4f85b rgb(212,248,91)
```
#d7ff54
```
#d7ff54 rgb(215,255,84)
```

Tone Color Variation

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

#b6b6b6 Achromatopsia 0.005% of the population
#b6b7b0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c7bb99 Protanopia 1% of men
#d8b59e Deuteranopia 1% of men
#bfbac7 Tritanopia 0.001% of the population

Trichromacy

#c0bc98 Protanomaly 1% of men, 0.01% of women
#cbb89b Deuteranomaly 6% of men, 0.4% of women
#bbbbb5 Tritanomaly 0.01% of the population

#b4bd96 hex color

#b4bd96 Color Information

#b4bd96 Color Conversion

Color Schemes with #b4bd96

Alternatives to #b4bd96

#b4bd96 Preview

Shades and Tints of #b4bd96

Tones of #b4bd96

Color Blindness Simulator