#b4bbcf hex color

In a RGB color space, hex #b4bbcf is composed of 70.6% red, 73.3% green and 81.2% blue. Whereas in a CMYK color space, it is composed of 13% cyan, 9.7% magenta, 0% yellow and 18.8% black. It has a hue angle of 224.4 degrees, a saturation of 22% and a lightness of 75.9%. #b4bbcf color hex could be obtained by blending #ffffff with #69779f. Closest websafe color is: #cccccc.

♥
- f
- t
- g
- R 71
- G 73
- B 81
RGB color chart
- C 13
- M 10
- Y 0
- K 19
CMYK color chart

● #b4bbcf color description : Grayish blue.

The hexadecimal color #b4bbcf has RGB values of R:180, G:187, B:207 and CMYK values of C:0.13, M:0.1, Y:0, K:0.19. Its decimal value is 11844559.

Hex triplet	b4bbcf	`#b4bbcf`
RGB Decimal	180, 187, 207	`rgb(180,187,207)`
RGB Percent	70.6, 73.3, 81.2	`rgb(70.6%,73.3%,81.2%)`
CMYK	13, 10, 0, 19
HSL	224.4°, 22, 75.9	`hsl(224.4,22%,75.9%)`
HSV (or HSB)	224.4°, 13, 81.2
Web Safe	cccccc	`#cccccc`

CIE-LAB	75.915, 1.582, -10.881
XYZ	47.853, 49.749, 66.109
xyY	0.292, 0.304, 49.749
CIE-LCH	75.915, 10.996, 278.27
CIE-LUV	75.915, -4.899, -16.95
Hunter-Lab	70.533, -2.328, -6.199
Binary	10110100, 10111011, 11001111

#b4bbcf
```
#b4bbcf rgb(180,187,207)
```
#cfc8b4
```
#cfc8b4 rgb(207,200,180)
```

Complementary Color

#b4c9cf
```
#b4c9cf rgb(180,201,207)
```
#b4bbcf
```
#b4bbcf rgb(180,187,207)
```
#bbb4cf
```
#bbb4cf rgb(187,180,207)
```

Analogous Color

#c9cfb4
```
#c9cfb4 rgb(201,207,180)
```
#b4bbcf
```
#b4bbcf rgb(180,187,207)
```
#cfbbb4
```
#cfbbb4 rgb(207,187,180)
```

Split Complementary Color

#bbcfb4
```
#bbcfb4 rgb(187,207,180)
```
#b4bbcf
```
#b4bbcf rgb(180,187,207)
```
#cfb4bb
```
#cfb4bb rgb(207,180,187)
```

Triadic Color

#b4cfc8
```
#b4cfc8 rgb(180,207,200)
```
#b4bbcf
```
#b4bbcf rgb(180,187,207)
```
#cfb4bb
```
#cfb4bb rgb(207,180,187)
```
#cfc8b4
```
#cfc8b4 rgb(207,200,180)
```

Tetradic Color

#8591b1
```
#8591b1 rgb(133,145,177)
```
#959fbb
```
#959fbb rgb(149,159,187)
```
#a4adc5
```
#a4adc5 rgb(164,173,197)
```
#b4bbcf
```
#b4bbcf rgb(180,187,207)
```
#c4c9d9
```
#c4c9d9 rgb(196,201,217)
```
#d3d7e3
```
#d3d7e3 rgb(211,215,227)
```
#e3e5ed
```
#e3e5ed rgb(227,229,237)
```

Monochromatic Color

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

#b4c2cf
```
#b4c2cf rgb(180,194,207)
```
#b4c0cf
```
#b4c0cf rgb(180,192,207)
```
#b4bdcf
```
#b4bdcf rgb(180,189,207)
```
#b4bbcf
```
#b4bbcf rgb(180,187,207)
```
#b4b9cf
```
#b4b9cf rgb(180,185,207)
```
#b4b7cf
```
#b4b7cf rgb(180,183,207)
```
#b4b4cf
```
#b4b4cf rgb(180,180,207)
```

Similar Colors

Text with hexadecimal color #b4bbcf

This text has a font color of #b4bbcf.

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

#b4bbcf background color

This paragraph has a background color of #b4bbcf.

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

#b4bbcf border color

This element has a border color of #b4bbcf.

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

CSS codes

.text {color:#b4bbcf;}

.background {background-color:#b4bbcf;}

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

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

#060609
```
#060609 rgb(6,6,9)
```
#0d0f15
```
#0d0f15 rgb(13,15,21)
```
#151821
```
#151821 rgb(21,24,33)
```
#1d212d
```
#1d212d rgb(29,33,45)
```
#242939
```
#242939 rgb(36,41,57)
```
#2c3245
```
#2c3245 rgb(44,50,69)
```
#343b50
```
#343b50 rgb(52,59,80)
```
#3b445c
```
#3b445c rgb(59,68,92)
```
#434d68
```
#434d68 rgb(67,77,104)
```
#4a5574
```
#4a5574 rgb(74,85,116)
```
#525e80
```
#525e80 rgb(82,94,128)
```
#5a678c
```
#5a678c rgb(90,103,140)
```
#617098
```
#617098 rgb(97,112,152)
```

Shade Color Variation

#6c7aa1
```
#6c7aa1 rgb(108,122,161)
```
#7885a9
```
#7885a9 rgb(120,133,169)
```
#8490b0
```
#8490b0 rgb(132,144,176)
```
#909ab8
```
#909ab8 rgb(144,154,184)
```
#9ca5c0
```
#9ca5c0 rgb(156,165,192)
```
#a8b0c7
```
#a8b0c7 rgb(168,176,199)
```
#b4bbcf
```
#b4bbcf rgb(180,187,207)
```
#c0c6d7
```
#c0c6d7 rgb(192,198,215)
```
#ccd1de
```
#ccd1de rgb(204,209,222)
```
#d8dce6
```
#d8dce6 rgb(216,220,230)
```
#e4e6ee
```
#e4e6ee rgb(228,230,238)
```
#f0f1f5
```
#f0f1f5 rgb(240,241,245)
```
#fcfcfd
```
#fcfcfd rgb(252,252,253)
```

Tint Color Variation

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

#bdc0c6
```
#bdc0c6 rgb(189,192,198)
```
#b9bdca
```
#b9bdca rgb(185,189,202)
```
#b4bbcf
```
#b4bbcf rgb(180,187,207)
```
#afb9d4
```
#afb9d4 rgb(175,185,212)
```
#abb6d8
```
#abb6d8 rgb(171,182,216)
```
#a6b4dd
```
#a6b4dd rgb(166,180,221)
```
#a1b2e2
```
#a1b2e2 rgb(161,178,226)
```
#9cb0e7
```
#9cb0e7 rgb(156,176,231)
```
#98adeb
```
#98adeb rgb(152,173,235)
```
#93abf0
```
#93abf0 rgb(147,171,240)
```
#8ea9f5
```
#8ea9f5 rgb(142,169,245)
```
#89a7fa
```
#89a7fa rgb(137,167,250)
```
#85a4fe
```
#85a4fe rgb(133,164,254)
```

Tone Color Variation

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

#bbbbbb Achromatopsia 0.005% of the population
#babbbf Atypical Achromatopsia 0.001% of the population

Dichromacy

#bcbdd0 Protanopia 1% of men
#c6b9d3 Deuteranopia 1% of men
#b6bfcd Tritanopia 0.001% of the population

Trichromacy

#b9bcd0 Protanomaly 1% of men, 0.01% of women
#bfbad1 Deuteranomaly 6% of men, 0.4% of women
#b5bdcd Tritanomaly 0.01% of the population

#b4bbcf hex color

#b4bbcf Color Information

#b4bbcf Color Conversion

Color Schemes with #b4bbcf

Alternatives to #b4bbcf

#b4bbcf Preview

Shades and Tints of #b4bbcf

Tones of #b4bbcf

Color Blindness Simulator