#b4bcb1 hex color

In a RGB color space, hex #b4bcb1 is composed of 70.6% red, 73.7% green and 69.4% blue. Whereas in a CMYK color space, it is composed of 4.3% cyan, 0% magenta, 5.9% yellow and 26.3% black. It has a hue angle of 103.6 degrees, a saturation of 7.6% and a lightness of 71.6%. #b4bcb1 color hex could be obtained by blending #ffffff with #697963. Closest websafe color is: #cccc99.

♥
- f
- t
- g
- R 71
- G 74
- B 69
RGB color chart
- C 4
- M 0
- Y 6
- K 26
CMYK color chart

● #b4bcb1 color description : Grayish green.

The hexadecimal color #b4bcb1 has RGB values of R:180, G:188, B:177 and CMYK values of C:0.04, M:0, Y:0.06, K:0.26. Its decimal value is 11844785.

Hex triplet	b4bcb1	`#b4bcb1`
RGB Decimal	180, 188, 177	`rgb(180,188,177)`
RGB Percent	70.6, 73.7, 69.4	`rgb(70.6%,73.7%,69.4%)`
CMYK	4, 0, 6, 26
HSL	103.6°, 7.6, 71.6	`hsl(103.6,7.6%,71.6%)`
HSV (or HSB)	103.6°, 5.9, 73.7
Web Safe	cccc99	`#cccc99`

CIE-LAB	75.354, -4.822, 4.594
XYZ	44.74, 48.844, 48.663
xyY	0.315, 0.343, 48.844
CIE-LCH	75.354, 6.66, 136.386
CIE-LUV	75.354, -3.95, 7.573
Hunter-Lab	69.888, -8.036, 7.638
Binary	10110100, 10111100, 10110001

#b4bcb1
```
#b4bcb1 rgb(180,188,177)
```
#b9b1bc
```
#b9b1bc rgb(185,177,188)
```

Complementary Color

#babcb1
```
#babcb1 rgb(186,188,177)
```
#b4bcb1
```
#b4bcb1 rgb(180,188,177)
```
#b1bcb4
```
#b1bcb4 rgb(177,188,180)
```

Analogous Color

#bcb1ba
```
#bcb1ba rgb(188,177,186)
```
#b4bcb1
```
#b4bcb1 rgb(180,188,177)
```
#b4b1bc
```
#b4b1bc rgb(180,177,188)
```

Split Complementary Color

#bcb1b4
```
#bcb1b4 rgb(188,177,180)
```
#b4bcb1
```
#b4bcb1 rgb(180,188,177)
```
#b1b4bc
```
#b1b4bc rgb(177,180,188)
```

Triadic Color

#bcb9b1
```
#bcb9b1 rgb(188,185,177)
```
#b4bcb1
```
#b4bcb1 rgb(180,188,177)
```
#b1b4bc
```
#b1b4bc rgb(177,180,188)
```
#b9b1bc
```
#b9b1bc rgb(185,177,188)
```

Tetradic Color

#8c9988
```
#8c9988 rgb(140,153,136)
```
#9aa496
```
#9aa496 rgb(154,164,150)
```
#a7b0a3
```
#a7b0a3 rgb(167,176,163)
```
#b4bcb1
```
#b4bcb1 rgb(180,188,177)
```
#c1c8bf
```
#c1c8bf rgb(193,200,191)
```
#ced4cc
```
#ced4cc rgb(206,212,204)
```
#dcdfda
```
#dcdfda rgb(220,223,218)
```

Monochromatic Color

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

#b7bcb1
```
#b7bcb1 rgb(183,188,177)
```
#b6bcb1
```
#b6bcb1 rgb(182,188,177)
```
#b5bcb1
```
#b5bcb1 rgb(181,188,177)
```
#b4bcb1
```
#b4bcb1 rgb(180,188,177)
```
#b3bcb1
```
#b3bcb1 rgb(179,188,177)
```
#b2bcb1
```
#b2bcb1 rgb(178,188,177)
```
#b1bcb1
```
#b1bcb1 rgb(177,188,177)
```

Similar Colors

Text with hexadecimal color #b4bcb1

This text has a font color of #b4bcb1.

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

#b4bcb1 background color

This paragraph has a background color of #b4bcb1.

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

#b4bcb1 border color

This element has a border color of #b4bcb1.

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

CSS codes

.text {color:#b4bcb1;}

.background {background-color:#b4bcb1;}

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

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

#060606
```
#060606 rgb(6,6,6)
```
#0f110f
```
#0f110f rgb(15,17,15)
```
#191c18
```
#191c18 rgb(25,28,24)
```
#222621
```
#222621 rgb(34,38,33)
```
#2c312a
```
#2c312a rgb(44,49,42)
```
#353b33
```
#353b33 rgb(53,59,51)
```
#3f463c
```
#3f463c rgb(63,70,60)
```
#485045
```
#485045 rgb(72,80,69)
```
#525b4e
```
#525b4e rgb(82,91,78)
```
#5b6557
```
#5b6557 rgb(91,101,87)
```
#647060
```
#647060 rgb(100,112,96)
```
#6e7a69
```
#6e7a69 rgb(110,122,105)
```
#778572
```
#778572 rgb(119,133,114)
```

Shade Color Variation

#818f7c
```
#818f7c rgb(129,143,124)
```
#8b9887
```
#8b9887 rgb(139,152,135)
```
#96a191
```
#96a191 rgb(150,161,145)
```
#a0aa9c
```
#a0aa9c rgb(160,170,156)
```
#aab3a6
```
#aab3a6 rgb(170,179,166)
```
#b4bcb1
```
#b4bcb1 rgb(180,188,177)
```
#bec5bc
```
#bec5bc rgb(190,197,188)
```
#c8cec6
```
#c8cec6 rgb(200,206,198)
```
#d2d7d1
```
#d2d7d1 rgb(210,215,209)
```
#dde0db
```
#dde0db rgb(221,224,219)
```
#e7e9e6
```
#e7e9e6 rgb(231,233,230)
```
#f1f2f0
```
#f1f2f0 rgb(241,242,240)
```
#fbfbfb
```
#fbfbfb rgb(251,251,251)
```

Tint Color Variation

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

#b4bcb1
```
#b4bcb1 rgb(180,188,177)
```
#b1c2ab
```
#b1c2ab rgb(177,194,171)
```
#afc7a6
```
#afc7a6 rgb(175,199,166)
```
#accda0
```
#accda0 rgb(172,205,160)
```
#aad29b
```
#aad29b rgb(170,210,155)
```
#a7d895
```
#a7d895 rgb(167,216,149)
```
#a5dd90
```
#a5dd90 rgb(165,221,144)
```
#a2e38a
```
#a2e38a rgb(162,227,138)
```
#a0e984
```
#a0e984 rgb(160,233,132)
```
#9dee7f
```
#9dee7f rgb(157,238,127)
```
#9bf479
```
#9bf479 rgb(155,244,121)
```
#98f974
```
#98f974 rgb(152,249,116)
```
#96ff6e
```
#96ff6e rgb(150,255,110)
```

Tone Color Variation

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

#b8b8b8 Achromatopsia 0.005% of the population
#b7b9b7 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c2bcb3 Protanopia 1% of men
#d0b7b7 Deuteranopia 1% of men
#bbbcc9 Tritanopia 0.001% of the population

Trichromacy

#bdbcb2 Protanomaly 1% of men, 0.01% of women
#c6b9b5 Deuteranomaly 6% of men, 0.4% of women
#b8bcc0 Tritanomaly 0.01% of the population

#b4bcb1 hex color

#b4bcb1 Color Information

#b4bcb1 Color Conversion

Color Schemes with #b4bcb1

Alternatives to #b4bcb1

#b4bcb1 Preview

Shades and Tints of #b4bcb1

Tones of #b4bcb1

Color Blindness Simulator