#b2b6ba hex color

In a RGB color space, hex #b2b6ba is composed of 69.8% red, 71.4% green and 72.9% blue. Whereas in a CMYK color space, it is composed of 4.3% cyan, 2.2% magenta, 0% yellow and 27.1% black. It has a hue angle of 210 degrees, a saturation of 5.5% and a lightness of 71.4%. #b2b6ba color hex could be obtained by blending #ffffff with #656d75. Closest websafe color is: #99cccc.

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

● #b2b6ba color description : Grayish blue.

The hexadecimal color #b2b6ba has RGB values of R:178, G:182, B:186 and CMYK values of C:0.04, M:0.02, Y:0, K:0.27. Its decimal value is 11712186.

Hex triplet	b2b6ba	`#b2b6ba`
RGB Decimal	178, 182, 186	`rgb(178,182,186)`
RGB Percent	69.8, 71.4, 72.9	`rgb(69.8%,71.4%,72.9%)`
CMYK	4, 2, 0, 27
HSL	210°, 5.5, 71.4	`hsl(210,5.5%,71.4%)`
HSV (or HSB)	210°, 4.3, 72.9
Web Safe	99cccc	`#99cccc`

CIE-LAB	73.847, -0.63, -2.522
XYZ	43.949, 46.466, 53.105
xyY	0.306, 0.324, 46.466
CIE-LCH	73.847, 2.6, 255.979
CIE-LUV	73.847, -2.462, -3.656
Hunter-Lab	68.166, -4.204, 1.526
Binary	10110010, 10110110, 10111010

#b2b6ba
```
#b2b6ba rgb(178,182,186)
```
#bab6b2
```
#bab6b2 rgb(186,182,178)
```

Complementary Color

#b2baba
```
#b2baba rgb(178,186,186)
```
#b2b6ba
```
#b2b6ba rgb(178,182,186)
```
#b2b2ba
```
#b2b2ba rgb(178,178,186)
```

Analogous Color

#babab2
```
#babab2 rgb(186,186,178)
```
#b2b6ba
```
#b2b6ba rgb(178,182,186)
```
#bab2b2
```
#bab2b2 rgb(186,178,178)
```

Split Complementary Color

#b6bab2
```
#b6bab2 rgb(182,186,178)
```
#b2b6ba
```
#b2b6ba rgb(178,182,186)
```
#bab2b6
```
#bab2b6 rgb(186,178,182)
```

Triadic Color

#b2bab6
```
#b2bab6 rgb(178,186,182)
```
#b2b6ba
```
#b2b6ba rgb(178,182,186)
```
#bab2b6
```
#bab2b6 rgb(186,178,182)
```
#bab6b2
```
#bab6b2 rgb(186,182,178)
```

Tetradic Color

#8a9096
```
#8a9096 rgb(138,144,150)
```
#979da2
```
#979da2 rgb(151,157,162)
```
#a5a9ae
```
#a5a9ae rgb(165,169,174)
```
#b2b6ba
```
#b2b6ba rgb(178,182,186)
```
#bfc3c6
```
#bfc3c6 rgb(191,195,198)
```
#cdd0d2
```
#cdd0d2 rgb(205,208,210)
```
#dadcde
```
#dadcde rgb(218,220,222)
```

Monochromatic Color

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

#b2b8ba
```
#b2b8ba rgb(178,184,186)
```
#b2b7ba
```
#b2b7ba rgb(178,183,186)
```
#b2b7ba
```
#b2b7ba rgb(178,183,186)
```
#b2b6ba
```
#b2b6ba rgb(178,182,186)
```
#b2b5ba
```
#b2b5ba rgb(178,181,186)
```
#b2b5ba
```
#b2b5ba rgb(178,181,186)
```
#b2b4ba
```
#b2b4ba rgb(178,180,186)
```

Similar Colors

Text with hexadecimal color #b2b6ba

This text has a font color of #b2b6ba.

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

#b2b6ba background color

This paragraph has a background color of #b2b6ba.

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

#b2b6ba border color

This element has a border color of #b2b6ba.

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

CSS codes

.text {color:#b2b6ba;}

.background {background-color:#b2b6ba;}

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

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 #fafbfb is the lightest one.

#050506
```
#050506 rgb(5,5,6)
```
#0e0f10
```
#0e0f10 rgb(14,15,16)
```
#18191a
```
#18191a rgb(24,25,26)
```
#212325
```
#212325 rgb(33,35,37)
```
#2a2d2f
```
#2a2d2f rgb(42,45,47)
```
#343739
```
#343739 rgb(52,55,57)
```
#3d4044
```
#3d4044 rgb(61,64,68)
```
#464a4e
```
#464a4e rgb(70,74,78)
```
#4f5459
```
#4f5459 rgb(79,84,89)
```
#595e63
```
#595e63 rgb(89,94,99)
```
#62686d
```
#62686d rgb(98,104,109)
```
#6b7178
```
#6b7178 rgb(107,113,120)
```
#747b82
```
#747b82 rgb(116,123,130)
```

Shade Color Variation

#7e858c
```
#7e858c rgb(126,133,140)
```
#898f95
```
#898f95 rgb(137,143,149)
```
#93999e
```
#93999e rgb(147,153,158)
```
#9da2a7
```
#9da2a7 rgb(157,162,167)
```
#a8acb1
```
#a8acb1 rgb(168,172,177)
```
#b2b6ba
```
#b2b6ba rgb(178,182,186)
```
#bcc0c3
```
#bcc0c3 rgb(188,192,195)
```
#c7cacd
```
#c7cacd rgb(199,202,205)
```
#d1d3d6
```
#d1d3d6 rgb(209,211,214)
```
#dbdddf
```
#dbdddf rgb(219,221,223)
```
#e6e7e8
```
#e6e7e8 rgb(230,231,232)
```
#f0f1f2
```
#f0f1f2 rgb(240,241,242)
```
#fafbfb
```
#fafbfb rgb(250,251,251)
```

Tint Color Variation

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

#b2b6ba
```
#b2b6ba rgb(178,182,186)
```
#acb6c0
```
#acb6c0 rgb(172,182,192)
```
#a7b6c5
```
#a7b6c5 rgb(167,182,197)
```
#a1b6cb
```
#a1b6cb rgb(161,182,203)
```
#9cb6d0
```
#9cb6d0 rgb(156,182,208)
```
#96b6d6
```
#96b6d6 rgb(150,182,214)
```
#90b6dc
```
#90b6dc rgb(144,182,220)
```
#8bb6e1
```
#8bb6e1 rgb(139,182,225)
```
#85b6e7
```
#85b6e7 rgb(133,182,231)
```
#7fb6ed
```
#7fb6ed rgb(127,182,237)
```
#7ab6f2
```
#7ab6f2 rgb(122,182,242)
```
#74b6f8
```
#74b6f8 rgb(116,182,248)
```
#6fb6fd
```
#6fb6fd rgb(111,182,253)
```

Tone Color Variation

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

#b5b5b5 Achromatopsia 0.005% of the population
#b4b5b6 Atypical Achromatopsia 0.001% of the population

Dichromacy

#bbb8bc Protanopia 1% of men
#c7b4bf Deuteranopia 1% of men
#b7b8c5 Tritanopia 0.001% of the population

Trichromacy

#b7b7bb Protanomaly 1% of men, 0.01% of women
#bfb4bd Deuteranomaly 6% of men, 0.4% of women
#b5b7c1 Tritanomaly 0.01% of the population

#b2b6ba hex color

#b2b6ba Color Information

#b2b6ba Color Conversion

Color Schemes with #b2b6ba

Alternatives to #b2b6ba

#b2b6ba Preview

Shades and Tints of #b2b6ba

Tones of #b2b6ba

Color Blindness Simulator