#b4bcbf hex color

In a RGB color space, hex #b4bcbf is composed of 70.6% red, 73.7% green and 74.9% blue. Whereas in a CMYK color space, it is composed of 5.8% cyan, 1.6% magenta, 0% yellow and 25.1% black. It has a hue angle of 196.4 degrees, a saturation of 7.9% and a lightness of 72.7%. #b4bcbf color hex could be obtained by blending #ffffff with #69797f. Closest websafe color is: #cccccc.

♥
- f
- t
- g
- R 71
- G 74
- B 75
RGB color chart
- C 6
- M 2
- Y 0
- K 25
CMYK color chart

● #b4bcbf color description : Grayish blue.

The hexadecimal color #b4bcbf has RGB values of R:180, G:188, B:191 and CMYK values of C:0.06, M:0.02, Y:0, K:0.25. Its decimal value is 11844799.

Hex triplet	b4bcbf	`#b4bcbf`
RGB Decimal	180, 188, 191	`rgb(180,188,191)`
RGB Percent	70.6, 73.7, 74.9	`rgb(70.6%,73.7%,74.9%)`
CMYK	6, 2, 0, 25
HSL	196.4°, 7.9, 72.7	`hsl(196.4,7.9%,72.7%)`
HSV (or HSB)	196.4°, 5.8, 74.9
Web Safe	cccccc	`#cccccc`

CIE-LAB	75.719, -2.186, -2.48
XYZ	46.208, 49.431, 56.394
xyY	0.304, 0.325, 49.431
CIE-LCH	75.719, 3.306, 228.609
CIE-LUV	75.719, -4.602, -3.344
Hunter-Lab	70.307, -5.723, 1.658
Binary	10110100, 10111100, 10111111

#b4bcbf
```
#b4bcbf rgb(180,188,191)
```
#bfb7b4
```
#bfb7b4 rgb(191,183,180)
```

Complementary Color

#b4bfbd
```
#b4bfbd rgb(180,191,189)
```
#b4bcbf
```
#b4bcbf rgb(180,188,191)
```
#b4b7bf
```
#b4b7bf rgb(180,183,191)
```

Analogous Color

#bfbdb4
```
#bfbdb4 rgb(191,189,180)
```
#b4bcbf
```
#b4bcbf rgb(180,188,191)
```
#bfb4b7
```
#bfb4b7 rgb(191,180,183)
```

Split Complementary Color

#bcbfb4
```
#bcbfb4 rgb(188,191,180)
```
#b4bcbf
```
#b4bcbf rgb(180,188,191)
```
#bfb4bc
```
#bfb4bc rgb(191,180,188)
```

Triadic Color

#b4bfb7
```
#b4bfb7 rgb(180,191,183)
```
#b4bcbf
```
#b4bcbf rgb(180,188,191)
```
#bfb4bc
```
#bfb4bc rgb(191,180,188)
```
#bfb7b4
```
#bfb7b4 rgb(191,183,180)
```

Tetradic Color

#8b979c
```
#8b979c rgb(139,151,156)
```
#98a3a8
```
#98a3a8 rgb(152,163,168)
```
#a6b0b3
```
#a6b0b3 rgb(166,176,179)
```
#b4bcbf
```
#b4bcbf rgb(180,188,191)
```
#c2c8cb
```
#c2c8cb rgb(194,200,203)
```
#d0d5d6
```
#d0d5d6 rgb(208,213,214)
```
#dde1e2
```
#dde1e2 rgb(221,225,226)
```

Monochromatic Color

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

#b4bfbf
```
#b4bfbf rgb(180,191,191)
```
#b4bebf
```
#b4bebf rgb(180,190,191)
```
#b4bdbf
```
#b4bdbf rgb(180,189,191)
```
#b4bcbf
```
#b4bcbf rgb(180,188,191)
```
#b4bbbf
```
#b4bbbf rgb(180,187,191)
```
#b4babf
```
#b4babf rgb(180,186,191)
```
#b4b9bf
```
#b4b9bf rgb(180,185,191)
```

Similar Colors

Text with hexadecimal color #b4bcbf

This text has a font color of #b4bcbf.

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

#b4bcbf background color

This paragraph has a background color of #b4bcbf.

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

#b4bcbf border color

This element has a border color of #b4bcbf.

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

CSS codes

.text {color:#b4bcbf;}

.background {background-color:#b4bcbf;}

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

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, #08090a is the darkest color, while #fefefe is the lightest one.

#08090a
```
#08090a rgb(8,9,10)
```
#111314
```
#111314 rgb(17,19,20)
```
#1a1e1f
```
#1a1e1f rgb(26,30,31)
```
#232829
```
#232829 rgb(35,40,41)
```
#2c3234
```
#2c3234 rgb(44,50,52)
```
#353c3f
```
#353c3f rgb(53,60,63)
```
#3e4649
```
#3e4649 rgb(62,70,73)
```
#475054
```
#475054 rgb(71,80,84)
```
#515b5e
```
#515b5e rgb(81,91,94)
```
#5a6569
```
#5a6569 rgb(90,101,105)
```
#636f74
```
#636f74 rgb(99,111,116)
```
#6c797e
```
#6c797e rgb(108,121,126)
```
#758389
```
#758389 rgb(117,131,137)
```

Shade Color Variation

#7f8d92
```
#7f8d92 rgb(127,141,146)
```
#8a969b
```
#8a969b rgb(138,150,155)
```
#94a0a4
```
#94a0a4 rgb(148,160,164)
```
#9fa9ad
```
#9fa9ad rgb(159,169,173)
```
#a9b3b6
```
#a9b3b6 rgb(169,179,182)
```
#b4bcbf
```
#b4bcbf rgb(180,188,191)
```
#bfc5c8
```
#bfc5c8 rgb(191,197,200)
```
#c9cfd1
```
#c9cfd1 rgb(201,207,209)
```
#d4d8da
```
#d4d8da rgb(212,216,218)
```
#dee2e3
```
#dee2e3 rgb(222,226,227)
```
#e9ebec
```
#e9ebec rgb(233,235,236)
```
#f4f5f5
```
#f4f5f5 rgb(244,245,245)
```
#fefefe
```
#fefefe rgb(254,254,254)
```

Tint Color Variation

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

#b9baba
```
#b9baba rgb(185,186,186)
```
#b4bcbf
```
#b4bcbf rgb(180,188,191)
```
#afbec4
```
#afbec4 rgb(175,190,196)
```
#a9c1ca
```
#a9c1ca rgb(169,193,202)
```
#a4c3cf
```
#a4c3cf rgb(164,195,207)
```
#9fc6d4
```
#9fc6d4 rgb(159,198,212)
```
#99c8da
```
#99c8da rgb(153,200,218)
```
#94cbdf
```
#94cbdf rgb(148,203,223)
```
#8fcde4
```
#8fcde4 rgb(143,205,228)
```
#89cfea
```
#89cfea rgb(137,207,234)
```
#84d2ef
```
#84d2ef rgb(132,210,239)
```
#7fd4f4
```
#7fd4f4 rgb(127,212,244)
```
#79d7fa
```
#79d7fa rgb(121,215,250)
```

Tone Color Variation

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

#bababa Achromatopsia 0.005% of the population
#b9babb Atypical Achromatopsia 0.001% of the population

Dichromacy

#c0bdc1 Protanopia 1% of men
#ccb8c4 Deuteranopia 1% of men
#b9bdcb Tritanopia 0.001% of the population

Trichromacy

#bbbcc0 Protanomaly 1% of men, 0.01% of women
#c3b9c2 Deuteranomaly 6% of men, 0.4% of women
#b7bdc7 Tritanomaly 0.01% of the population

#b4bcbf hex color

#b4bcbf Color Information

#b4bcbf Color Conversion

Color Schemes with #b4bcbf

Alternatives to #b4bcbf

#b4bcbf Preview

Shades and Tints of #b4bcbf

Tones of #b4bcbf

Color Blindness Simulator