#b4bd9c hex color

In a RGB color space, hex #b4bd9c is composed of 70.6% red, 74.1% green and 61.2% blue. Whereas in a CMYK color space, it is composed of 4.8% cyan, 0% magenta, 17.5% yellow and 25.9% black. It has a hue angle of 76.4 degrees, a saturation of 20% and a lightness of 67.6%. #b4bd9c color hex could be obtained by blending #ffffff with #697b39. Closest websafe color is: #cccc99.

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

● #b4bd9c color description : Grayish green.

The hexadecimal color #b4bd9c has RGB values of R:180, G:189, B:156 and CMYK values of C:0.05, M:0, Y:0.17, K:0.26. Its decimal value is 11845020.

Hex triplet	b4bd9c	`#b4bd9c`
RGB Decimal	180, 189, 156	`rgb(180,189,156)`
RGB Percent	70.6, 74.1, 61.2	`rgb(70.6%,74.1%,61.2%)`
CMYK	5, 0, 17, 26
HSL	76.4°, 20, 67.6	`hsl(76.4,20%,67.6%)`
HSV (or HSB)	76.4°, 17.5, 74.1
Web Safe	cccc99	`#cccc99`

CIE-LAB	75.138, -8.943, 15.653
XYZ	43.02, 48.499, 38.546
xyY	0.331, 0.373, 48.499
CIE-LCH	75.138, 18.028, 119.74
CIE-LUV	75.138, -3.566, 23.676
Hunter-Lab	69.641, -11.606, 15.932
Binary	10110100, 10111101, 10011100

#b4bd9c
```
#b4bd9c rgb(180,189,156)
```
#a59cbd
```
#a59cbd rgb(165,156,189)
```

Complementary Color

#bdb69c
```
#bdb69c rgb(189,182,156)
```
#b4bd9c
```
#b4bd9c rgb(180,189,156)
```
#a4bd9c
```
#a4bd9c rgb(164,189,156)
```

Analogous Color

#b69cbd
```
#b69cbd rgb(182,156,189)
```
#b4bd9c
```
#b4bd9c rgb(180,189,156)
```
#9ca4bd
```
#9ca4bd rgb(156,164,189)
```

Split Complementary Color

#bd9cb4
```
#bd9cb4 rgb(189,156,180)
```
#b4bd9c
```
#b4bd9c rgb(180,189,156)
```
#9cb4bd
```
#9cb4bd rgb(156,180,189)
```

Triadic Color

#bda59c
```
#bda59c rgb(189,165,156)
```
#b4bd9c
```
#b4bd9c rgb(180,189,156)
```
#9cb4bd
```
#9cb4bd rgb(156,180,189)
```
#a59cbd
```
#a59cbd rgb(165,156,189)
```

Tetradic Color

#919e6e
```
#919e6e rgb(145,158,110)
```
#9da97d
```
#9da97d rgb(157,169,125)
```
#a8b38d
```
#a8b38d rgb(168,179,141)
```
#b4bd9c
```
#b4bd9c rgb(180,189,156)
```
#c0c7ab
```
#c0c7ab rgb(192,199,171)
```
#cbd1bb
```
#cbd1bb rgb(203,209,187)
```
#d7dcca
```
#d7dcca rgb(215,220,202)
```

Monochromatic Color

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

#bcbd9c
```
#bcbd9c rgb(188,189,156)
```
#babd9c
```
#babd9c rgb(186,189,156)
```
#b7bd9c
```
#b7bd9c rgb(183,189,156)
```
#b4bd9c
```
#b4bd9c rgb(180,189,156)
```
#b1bd9c
```
#b1bd9c rgb(177,189,156)
```
#afbd9c
```
#afbd9c rgb(175,189,156)
```
#acbd9c
```
#acbd9c rgb(172,189,156)
```

Similar Colors

Text with hexadecimal color #b4bd9c

This text has a font color of #b4bd9c.

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

#b4bd9c background color

This paragraph has a background color of #b4bd9c.

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

#b4bd9c border color

This element has a border color of #b4bd9c.

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

CSS codes

.text {color:#b4bd9c;}

.background {background-color:#b4bd9c;}

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

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

#060705
```
#060705 rgb(6,7,5)
```
#11130c
```
#11130c rgb(17,19,12)
```
#1c1e14
```
#1c1e14 rgb(28,30,20)
```
#262a1c
```
#262a1c rgb(38,42,28)
```
#313624
```
#313624 rgb(49,54,36)
```
#3c422c
```
#3c422c rgb(60,66,44)
```
#464e34
```
#464e34 rgb(70,78,52)
```
#51593c
```
#51593c rgb(81,89,60)
```
#5c6543
```
#5c6543 rgb(92,101,67)
```
#67714b
```
#67714b rgb(103,113,75)
```
#717d53
```
#717d53 rgb(113,125,83)
```
#7c885b
```
#7c885b rgb(124,136,91)
```
#879463
```
#879463 rgb(135,148,99)
```

Shade Color Variation

#909e6d
```
#909e6d rgb(144,158,109)
```
#99a579
```
#99a579 rgb(153,165,121)
```
#a2ad84
```
#a2ad84 rgb(162,173,132)
```
#abb590
```
#abb590 rgb(171,181,144)
```
#b4bd9c
```
#b4bd9c rgb(180,189,156)
```
#bdc5a8
```
#bdc5a8 rgb(189,197,168)
```
#c6cdb4
```
#c6cdb4 rgb(198,205,180)
```
#cfd5bf
```
#cfd5bf rgb(207,213,191)
```
#d8dccb
```
#d8dccb rgb(216,220,203)
```
#e1e4d7
```
#e1e4d7 rgb(225,228,215)
```
#e9ece3
```
#e9ece3 rgb(233,236,227)
```
#f2f4ee
```
#f2f4ee rgb(242,244,238)
```
#fbfcfa
```
#fbfcfa rgb(251,252,250)
```

Tint Color Variation

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

#aeb0a9
```
#aeb0a9 rgb(174,176,169)
```
#b1b7a2
```
#b1b7a2 rgb(177,183,162)
```
#b4bd9c
```
#b4bd9c rgb(180,189,156)
```
#b7c396
```
#b7c396 rgb(183,195,150)
```
#baca8f
```
#baca8f rgb(186,202,143)
```
#bdd089
```
#bdd089 rgb(189,208,137)
```
#c0d683
```
#c0d683 rgb(192,214,131)
```
#c2dd7c
```
#c2dd7c rgb(194,221,124)
```
#c5e376
```
#c5e376 rgb(197,227,118)
```
#c8e970
```
#c8e970 rgb(200,233,112)
```
#cbf069
```
#cbf069 rgb(203,240,105)
```
#cef663
```
#cef663 rgb(206,246,99)
```
#d1fc5d
```
#d1fc5d rgb(209,252,93)
```

Tone Color Variation

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

#b7b7b7 Achromatopsia 0.005% of the population
#b6b8b2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c6bc9f Protanopia 1% of men
#d6b6a4 Deuteranopia 1% of men
#bebac8 Tritanopia 0.001% of the population

Trichromacy

#bfbc9e Protanomaly 1% of men, 0.01% of women
#cab8a1 Deuteranomaly 6% of men, 0.4% of women
#babbb8 Tritanomaly 0.01% of the population

#b4bd9c hex color

#b4bd9c Color Information

#b4bd9c Color Conversion

Color Schemes with #b4bd9c

Alternatives to #b4bd9c

#b4bd9c Preview

Shades and Tints of #b4bd9c

Tones of #b4bd9c

Color Blindness Simulator