#b4b4ba hex color

In a RGB color space, hex #b4b4ba is composed of 70.6% red, 70.6% green and 72.9% blue. Whereas in a CMYK color space, it is composed of 3.2% cyan, 3.2% magenta, 0% yellow and 27.1% black. It has a hue angle of 240 degrees, a saturation of 4.2% and a lightness of 71.8%. #b4b4ba color hex could be obtained by blending #ffffff with #696975. Closest websafe color is: #cccccc.

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

● #b4b4ba color description : Grayish blue.

The hexadecimal color #b4b4ba has RGB values of R:180, G:180, B:186 and CMYK values of C:0.03, M:0.03, Y:0, K:0.27. Its decimal value is 11842746.

Hex triplet	b4b4ba	`#b4b4ba`
RGB Decimal	180, 180, 186	`rgb(180,180,186)`
RGB Percent	70.6, 70.6, 72.9	`rgb(70.6%,70.6%,72.9%)`
CMYK	3, 3, 0, 27
HSL	240°, 4.2, 71.8	`hsl(240,4.2%,71.8%)`
HSV (or HSB)	240°, 3.2, 72.9
Web Safe	cccccc	`#cccccc`

CIE-LAB	73.475, 1.137, -3.051
XYZ	44.005, 45.891, 52.991
xyY	0.308, 0.321, 45.891
CIE-LCH	73.475, 3.256, 290.442
CIE-LUV	73.475, -0.346, -4.747
Hunter-Lab	67.743, -2.598, 1.041
Binary	10110100, 10110100, 10111010

#b4b4ba
```
#b4b4ba rgb(180,180,186)
```
#babab4
```
#babab4 rgb(186,186,180)
```

Complementary Color

#b4b7ba
```
#b4b7ba rgb(180,183,186)
```
#b4b4ba
```
#b4b4ba rgb(180,180,186)
```
#b7b4ba
```
#b7b4ba rgb(183,180,186)
```

Analogous Color

#b7bab4
```
#b7bab4 rgb(183,186,180)
```
#b4b4ba
```
#b4b4ba rgb(180,180,186)
```
#bab7b4
```
#bab7b4 rgb(186,183,180)
```

Split Complementary Color

#b4bab4
```
#b4bab4 rgb(180,186,180)
```
#b4b4ba
```
#b4b4ba rgb(180,180,186)
```
#bab4b4
```
#bab4b4 rgb(186,180,180)
```

Triadic Color

#b4baba
```
#b4baba rgb(180,186,186)
```
#b4b4ba
```
#b4b4ba rgb(180,180,186)
```
#bab4b4
```
#bab4b4 rgb(186,180,180)
```
#babab4
```
#babab4 rgb(186,186,180)
```

Tetradic Color

#8c8c95
```
#8c8c95 rgb(140,140,149)
```
#9999a2
```
#9999a2 rgb(153,153,162)
```
#a7a7ae
```
#a7a7ae rgb(167,167,174)
```
#b4b4ba
```
#b4b4ba rgb(180,180,186)
```
#c1c1c6
```
#c1c1c6 rgb(193,193,198)
```
#cfcfd2
```
#cfcfd2 rgb(207,207,210)
```
#dcdcdf
```
#dcdcdf rgb(220,220,223)
```

Monochromatic Color

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

#b4b6ba
```
#b4b6ba rgb(180,182,186)
```
#b4b5ba
```
#b4b5ba rgb(180,181,186)
```
#b4b5ba
```
#b4b5ba rgb(180,181,186)
```
#b4b4ba
```
#b4b4ba rgb(180,180,186)
```
#b5b4ba
```
#b5b4ba rgb(181,180,186)
```
#b5b4ba
```
#b5b4ba rgb(181,180,186)
```
#b6b4ba
```
#b6b4ba rgb(182,180,186)
```

Similar Colors

Text with hexadecimal color #b4b4ba

This text has a font color of #b4b4ba.

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

#b4b4ba background color

This paragraph has a background color of #b4b4ba.

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

#b4b4ba border color

This element has a border color of #b4b4ba.

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

CSS codes

.text {color:#b4b4ba;}

.background {background-color:#b4b4ba;}

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

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

#060607
```
#060607 rgb(6,6,7)
```
#101011
```
#101011 rgb(16,16,17)
```
#19191b
```
#19191b rgb(25,25,27)
```
#222225
```
#222225 rgb(34,34,37)
```
#2c2c30
```
#2c2c30 rgb(44,44,48)
```
#35353a
```
#35353a rgb(53,53,58)
```
#3f3f44
```
#3f3f44 rgb(63,63,68)
```
#48484e
```
#48484e rgb(72,72,78)
```
#515158
```
#515158 rgb(81,81,88)
```
#5b5b63
```
#5b5b63 rgb(91,91,99)
```
#64646d
```
#64646d rgb(100,100,109)
```
#6e6e77
```
#6e6e77 rgb(110,110,119)
```
#777781
```
#777781 rgb(119,119,129)
```

Shade Color Variation

#81818b
```
#81818b rgb(129,129,139)
```
#8b8b94
```
#8b8b94 rgb(139,139,148)
```
#95959e
```
#95959e rgb(149,149,158)
```
#a0a0a7
```
#a0a0a7 rgb(160,160,167)
```
#aaaab1
```
#aaaab1 rgb(170,170,177)
```
#b4b4ba
```
#b4b4ba rgb(180,180,186)
```
#bebec3
```
#bebec3 rgb(190,190,195)
```
#c8c8cd
```
#c8c8cd rgb(200,200,205)
```
#d3d3d6
```
#d3d3d6 rgb(211,211,214)
```
#dddde0
```
#dddde0 rgb(221,221,224)
```
#e7e7e9
```
#e7e7e9 rgb(231,231,233)
```
#f1f1f2
```
#f1f1f2 rgb(241,241,242)
```
#fcfcfc
```
#fcfcfc rgb(252,252,252)
```

Tint Color Variation

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

#b4b4ba
```
#b4b4ba rgb(180,180,186)
```
#aeaec0
```
#aeaec0 rgb(174,174,192)
```
#a9a9c5
```
#a9a9c5 rgb(169,169,197)
```
#a3a3cb
```
#a3a3cb rgb(163,163,203)
```
#9e9ed0
```
#9e9ed0 rgb(158,158,208)
```
#9898d6
```
#9898d6 rgb(152,152,214)
```
#9393db
```
#9393db rgb(147,147,219)
```
#8d8de1
```
#8d8de1 rgb(141,141,225)
```
#8888e6
```
#8888e6 rgb(136,136,230)
```
#8282ec
```
#8282ec rgb(130,130,236)
```
#7d7df1
```
#7d7df1 rgb(125,125,241)
```
#7777f7
```
#7777f7 rgb(119,119,247)
```
#7272fc
```
#7272fc rgb(114,114,252)
```

Tone Color Variation

Below, you can see how #b4b4ba 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
#b5b5b6 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b9b7bd Protanopia 1% of men
#c6b3bf Deuteranopia 1% of men
#b9b6c3 Tritanopia 0.001% of the population

Trichromacy

#b7b6bc Protanomaly 1% of men, 0.01% of women
#bfb3bd Deuteranomaly 6% of men, 0.4% of women
#b7b5c0 Tritanomaly 0.01% of the population

#b4b4ba hex color

#b4b4ba Color Information

#b4b4ba Color Conversion

Color Schemes with #b4b4ba

Alternatives to #b4b4ba

#b4b4ba Preview

Shades and Tints of #b4b4ba

Tones of #b4b4ba

Color Blindness Simulator