#b2b1bb hex color

In a RGB color space, hex #b2b1bb is composed of 69.8% red, 69.4% green and 73.3% blue. Whereas in a CMYK color space, it is composed of 4.8% cyan, 5.3% magenta, 0% yellow and 26.7% black. It has a hue angle of 246 degrees, a saturation of 6.8% and a lightness of 71.4%. #b2b1bb color hex could be obtained by blending #ffffff with #656377. Closest websafe color is: #9999cc.

♥
- f
- t
- g
- R 70
- G 69
- B 73
RGB color chart
- C 5
- M 5
- Y 0
- K 27
CMYK color chart

● #b2b1bb color description : Grayish blue.

The hexadecimal color #b2b1bb has RGB values of R:178, G:177, B:187 and CMYK values of C:0.05, M:0.05, Y:0, K:0.27. Its decimal value is 11710907.

Hex triplet	b2b1bb	`#b2b1bb`
RGB Decimal	178, 177, 187	`rgb(178,177,187)`
RGB Percent	69.8, 69.4, 73.3	`rgb(69.8%,69.4%,73.3%)`
CMYK	5, 5, 0, 27
HSL	246°, 6.8, 71.4	`hsl(246,6.8%,71.4%)`
HSV (or HSB)	246°, 5.3, 73.3
Web Safe	9999cc	`#9999cc`

CIE-LAB	72.559, 2.264, -4.965
XYZ	43.05, 44.497, 53.332
xyY	0.306, 0.316, 44.497
CIE-LCH	72.559, 5.457, 294.515
CIE-LUV	72.559, -0.02, -7.817
Hunter-Lab	66.706, -1.537, -0.708
Binary	10110010, 10110001, 10111011

#b2b1bb
```
#b2b1bb rgb(178,177,187)
```
#babbb1
```
#babbb1 rgb(186,187,177)
```

Complementary Color

#b1b5bb
```
#b1b5bb rgb(177,181,187)
```
#b2b1bb
```
#b2b1bb rgb(178,177,187)
```
#b7b1bb
```
#b7b1bb rgb(183,177,187)
```

Analogous Color

#b5bbb1
```
#b5bbb1 rgb(181,187,177)
```
#b2b1bb
```
#b2b1bb rgb(178,177,187)
```
#bbb7b1
```
#bbb7b1 rgb(187,183,177)
```

Split Complementary Color

#b1bbb2
```
#b1bbb2 rgb(177,187,178)
```
#b2b1bb
```
#b2b1bb rgb(178,177,187)
```
#bbb2b1
```
#bbb2b1 rgb(187,178,177)
```

Triadic Color

#b1babb
```
#b1babb rgb(177,186,187)
```
#b2b1bb
```
#b2b1bb rgb(178,177,187)
```
#bbb2b1
```
#bbb2b1 rgb(187,178,177)
```
#babbb1
```
#babbb1 rgb(186,187,177)
```

Tetradic Color

#8a8897
```
#8a8897 rgb(138,136,151)
```
#9796a3
```
#9796a3 rgb(151,150,163)
```
#a5a3af
```
#a5a3af rgb(165,163,175)
```
#b2b1bb
```
#b2b1bb rgb(178,177,187)
```
#bfbfc7
```
#bfbfc7 rgb(191,191,199)
```
#cdccd3
```
#cdccd3 rgb(205,204,211)
```
#dadadf
```
#dadadf rgb(218,218,223)
```

Monochromatic Color

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

#b1b3bb
```
#b1b3bb rgb(177,179,187)
```
#b1b2bb
```
#b1b2bb rgb(177,178,187)
```
#b1b1bb
```
#b1b1bb rgb(177,177,187)
```
#b2b1bb
```
#b2b1bb rgb(178,177,187)
```
#b3b1bb
```
#b3b1bb rgb(179,177,187)
```
#b4b1bb
```
#b4b1bb rgb(180,177,187)
```
#b5b1bb
```
#b5b1bb rgb(181,177,187)
```

Similar Colors

Text with hexadecimal color #b2b1bb

This text has a font color of #b2b1bb.

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

#b2b1bb background color

This paragraph has a background color of #b2b1bb.

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

#b2b1bb border color

This element has a border color of #b2b1bb.

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

CSS codes

.text {color:#b2b1bb;}

.background {background-color:#b2b1bb;}

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

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

#050506
```
#050506 rgb(5,5,6)
```
#0e0e10
```
#0e0e10 rgb(14,14,16)
```
#18171b
```
#18171b rgb(24,23,27)
```
#212025
```
#212025 rgb(33,32,37)
```
#2a2a30
```
#2a2a30 rgb(42,42,48)
```
#34333a
```
#34333a rgb(52,51,58)
```
#3d3c45
```
#3d3c45 rgb(61,60,69)
```
#46454f
```
#46454f rgb(70,69,79)
```
#4f4e5a
```
#4f4e5a rgb(79,78,90)
```
#595764
```
#595764 rgb(89,87,100)
```
#62606f
```
#62606f rgb(98,96,111)
```
#6b6a79
```
#6b6a79 rgb(107,106,121)
```
#747384
```
#747384 rgb(116,115,132)
```

Shade Color Variation

#7e7d8d
```
#7e7d8d rgb(126,125,141)
```
#898796
```
#898796 rgb(137,135,150)
```
#9392a0
```
#9392a0 rgb(147,146,160)
```
#9d9ca9
```
#9d9ca9 rgb(157,156,169)
```
#a8a7b2
```
#a8a7b2 rgb(168,167,178)
```
#b2b1bb
```
#b2b1bb rgb(178,177,187)
```
#bcbbc4
```
#bcbbc4 rgb(188,187,196)
```
#c7c6cd
```
#c7c6cd rgb(199,198,205)
```
#d1d0d6
```
#d1d0d6 rgb(209,208,214)
```
#dbdbe0
```
#dbdbe0 rgb(219,219,224)
```
#e6e5e9
```
#e6e5e9 rgb(230,229,233)
```
#f0f0f2
```
#f0f0f2 rgb(240,240,242)
```
#fafafb
```
#fafafb rgb(250,250,251)
```

Tint Color Variation

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

#b2b1bb
```
#b2b1bb rgb(178,177,187)
```
#aeabc1
```
#aeabc1 rgb(174,171,193)
```
#a9a6c6
```
#a9a6c6 rgb(169,166,198)
```
#a5a0cc
```
#a5a0cc rgb(165,160,204)
```
#a09bd1
```
#a09bd1 rgb(160,155,209)
```
#9c95d7
```
#9c95d7 rgb(156,149,215)
```
#978fdd
```
#978fdd rgb(151,143,221)
```
#938ae2
```
#938ae2 rgb(147,138,226)
```
#8e84e8
```
#8e84e8 rgb(142,132,232)
```
#8a7eee
```
#8a7eee rgb(138,126,238)
```
#8579f3
```
#8579f3 rgb(133,121,243)
```
#8173f9
```
#8173f9 rgb(129,115,249)
```
#7c6efe
```
#7c6efe rgb(124,110,254)
```

Tone Color Variation

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

#b2b2b2 Achromatopsia 0.005% of the population
#b2b2b4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b6b4be Protanopia 1% of men
#c2b1bf Deuteranopia 1% of men
#b6b4c1 Tritanopia 0.001% of the population

Trichromacy

#b4b3bd Protanomaly 1% of men, 0.01% of women
#bcb1be Deuteranomaly 6% of men, 0.4% of women
#b4b3bf Tritanomaly 0.01% of the population

#b2b1bb hex color

#b2b1bb Color Information

#b2b1bb Color Conversion

Color Schemes with #b2b1bb

Alternatives to #b2b1bb

#b2b1bb Preview

Shades and Tints of #b2b1bb

Tones of #b2b1bb

Color Blindness Simulator