#b4bcbb hex color

In a RGB color space, hex #b4bcbb is composed of 70.6% red, 73.7% green and 73.3% blue. Whereas in a CMYK color space, it is composed of 4.3% cyan, 0% magenta, 0.5% yellow and 26.3% black. It has a hue angle of 172.5 degrees, a saturation of 5.6% and a lightness of 72.2%. #b4bcbb color hex could be obtained by blending #ffffff with #697977. Closest websafe color is: #cccccc.

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

● #b4bcbb color description : Grayish cyan.

The hexadecimal color #b4bcbb has RGB values of R:180, G:188, B:187 and CMYK values of C:0.04, M:0, Y:0.01, K:0.26. Its decimal value is 11844795.

Hex triplet	b4bcbb	`#b4bcbb`
RGB Decimal	180, 188, 187	`rgb(180,188,187)`
RGB Percent	70.6, 73.7, 73.3	`rgb(70.6%,73.7%,73.3%)`
CMYK	4, 0, 1, 26
HSL	172.5°, 5.6, 72.2	`hsl(172.5,5.6%,72.2%)`
HSV (or HSB)	172.5°, 4.3, 73.7
Web Safe	cccccc	`#cccccc`

CIE-LAB	75.611, -2.958, -0.464
XYZ	45.774, 49.257, 54.107
xyY	0.307, 0.33, 49.257
CIE-LCH	75.611, 2.994, 188.92
CIE-LUV	75.611, -4.413, -0.184
Hunter-Lab	70.184, -6.404, 3.42
Binary	10110100, 10111100, 10111011

#b4bcbb
```
#b4bcbb rgb(180,188,187)
```
#bcb4b5
```
#bcb4b5 rgb(188,180,181)
```

Complementary Color

#b4bcb7
```
#b4bcb7 rgb(180,188,183)
```
#b4bcbb
```
#b4bcbb rgb(180,188,187)
```
#b4b9bc
```
#b4b9bc rgb(180,185,188)
```

Analogous Color

#bcb7b4
```
#bcb7b4 rgb(188,183,180)
```
#b4bcbb
```
#b4bcbb rgb(180,188,187)
```
#bcb4b9
```
#bcb4b9 rgb(188,180,185)
```

Split Complementary Color

#bcbbb4
```
#bcbbb4 rgb(188,187,180)
```
#b4bcbb
```
#b4bcbb rgb(180,188,187)
```
#bbb4bc
```
#bbb4bc rgb(187,180,188)
```

Triadic Color

#b5bcb4
```
#b5bcb4 rgb(181,188,180)
```
#b4bcbb
```
#b4bcbb rgb(180,188,187)
```
#bbb4bc
```
#bbb4bc rgb(187,180,188)
```
#bcb4b5
```
#bcb4b5 rgb(188,180,181)
```

Tetradic Color

#8c9896
```
#8c9896 rgb(140,152,150)
```
#99a4a3
```
#99a4a3 rgb(153,164,163)
```
#a7b0af
```
#a7b0af rgb(167,176,175)
```
#b4bcbb
```
#b4bcbb rgb(180,188,187)
```
#c1c8c7
```
#c1c8c7 rgb(193,200,199)
```
#cfd4d3
```
#cfd4d3 rgb(207,212,211)
```
#dce0e0
```
#dce0e0 rgb(220,224,224)
```

Monochromatic Color

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

#b4bcb9
```
#b4bcb9 rgb(180,188,185)
```
#b4bcba
```
#b4bcba rgb(180,188,186)
```
#b4bcba
```
#b4bcba rgb(180,188,186)
```
#b4bcbb
```
#b4bcbb rgb(180,188,187)
```
#b4bcbc
```
#b4bcbc rgb(180,188,188)
```
#b4bcbc
```
#b4bcbc rgb(180,188,188)
```
#b4bbbc
```
#b4bbbc rgb(180,187,188)
```

Similar Colors

Text with hexadecimal color #b4bcbb

This text has a font color of #b4bcbb.

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

#b4bcbb background color

This paragraph has a background color of #b4bcbb.

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

#b4bcbb border color

This element has a border color of #b4bcbb.

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

CSS codes

.text {color:#b4bcbb;}

.background {background-color:#b4bcbb;}

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

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

#070808
```
#070808 rgb(7,8,8)
```
#101212
```
#101212 rgb(16,18,18)
```
#1a1d1c
```
#1a1d1c rgb(26,29,28)
```
#232726
```
#232726 rgb(35,39,38)
```
#2c3131
```
#2c3131 rgb(44,49,49)
```
#353c3b
```
#353c3b rgb(53,60,59)
```
#3f4645
```
#3f4645 rgb(63,70,69)
```
#48504f
```
#48504f rgb(72,80,79)
```
#515b5a
```
#515b5a rgb(81,91,90)
```
#5a6564
```
#5a6564 rgb(90,101,100)
```
#646f6e
```
#646f6e rgb(100,111,110)
```
#6d7a78
```
#6d7a78 rgb(109,122,120)
```
#768482
```
#768482 rgb(118,132,130)
```

Shade Color Variation

#808e8c
```
#808e8c rgb(128,142,140)
```
#8b9795
```
#8b9795 rgb(139,151,149)
```
#95a09f
```
#95a09f rgb(149,160,159)
```
#9fa9a8
```
#9fa9a8 rgb(159,169,168)
```
#aab3b2
```
#aab3b2 rgb(170,179,178)
```
#b4bcbb
```
#b4bcbb rgb(180,188,187)
```
#bec5c4
```
#bec5c4 rgb(190,197,196)
```
#c9cfce
```
#c9cfce rgb(201,207,206)
```
#d3d8d7
```
#d3d8d7 rgb(211,216,215)
```
#dde1e1
```
#dde1e1 rgb(221,225,225)
```
#e8eaea
```
#e8eaea rgb(232,234,234)
```
#f2f4f3
```
#f2f4f3 rgb(242,244,243)
```
#fdfdfd
```
#fdfdfd rgb(253,253,253)
```

Tint Color Variation

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

#b4bcbb
```
#b4bcbb rgb(180,188,187)
```
#afc1bf
```
#afc1bf rgb(175,193,191)
```
#a9c7c3
```
#a9c7c3 rgb(169,199,195)
```
#a4ccc7
```
#a4ccc7 rgb(164,204,199)
```
#9ed2cb
```
#9ed2cb rgb(158,210,203)
```
#99d7cf
```
#99d7cf rgb(153,215,207)
```
#93ddd4
```
#93ddd4 rgb(147,221,212)
```
#8ee2d8
```
#8ee2d8 rgb(142,226,216)
```
#88e8dc
```
#88e8dc rgb(136,232,220)
```
#83ede0
```
#83ede0 rgb(131,237,224)
```
#7df3e4
```
#7df3e4 rgb(125,243,228)
```
#78f8e8
```
#78f8e8 rgb(120,248,232)
```
#72feec
```
#72feec rgb(114,254,236)
```

Tone Color Variation

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

#b9b9b9 Achromatopsia 0.005% of the population
#b8bab9 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c1bcbd Protanopia 1% of men
#cdb8c0 Deuteranopia 1% of men
#babdcb Tritanopia 0.001% of the population

Trichromacy

#bcbcbc Protanomaly 1% of men, 0.01% of women
#c4b9be Deuteranomaly 6% of men, 0.4% of women
#b8bcc5 Tritanomaly 0.01% of the population

#b4bcbb hex color

#b4bcbb Color Information

#b4bcbb Color Conversion

Color Schemes with #b4bcbb

Alternatives to #b4bcbb

#b4bcbb Preview

Shades and Tints of #b4bcbb

Tones of #b4bcbb

Color Blindness Simulator