colorhexa.com

#b4bbc0 hex color

In a RGB color space, hex #b4bbc0 is composed of 70.6% red, 73.3% green and 75.3% blue. Whereas in a CMYK color space, it is composed of 6.2% cyan, 2.6% magenta, 0% yellow and 24.7% black. It has a hue angle of 205 degrees, a saturation of 8.7% and a lightness of 72.9%. #b4bbc0 color hex could be obtained by blending #ffffff with #697781. Closest websafe color is: #cccccc.

- R 71
- G 73
- B 75
RGB color chart
- C 6
- M 3
- Y 0
- K 25
CMYK color chart

● #b4bbc0 color description : Grayish blue.

The hexadecimal color #b4bbc0 has RGB values of R:180, G:187, B:192 and CMYK values of C:0.06, M:0.03, Y:0, K:0.25. Its decimal value is 11844544.

Hex triplet	b4bbc0	`#b4bbc0`
RGB Decimal	180, 187, 192	`rgb(180,187,192)`
RGB Percent	70.6, 73.3, 75.3	`rgb(70.6%,73.3%,75.3%)`
CMYK	6, 3, 0, 25
HSL	205°, 8.7, 72.9	`hsl(205,8.7%,72.9%)`
HSV (or HSB)	205°, 6.2, 75.3
Web Safe	cccccc	`#cccccc`

CIE-LAB	75.482, -1.457, -3.371
XYZ	46.105, 49.049, 56.905
xyY	0.303, 0.323, 49.049
CIE-LCH	75.482, 3.673, 246.634
CIE-LUV	75.482, -4.155, -4.815
Hunter-Lab	70.035, -5.053, 0.851
Binary	10110100, 10111011, 11000000

#b4bbc0
```
#b4bbc0 rgb(180,187,192)
```
#c0b9b4
```
#c0b9b4 rgb(192,185,180)
```

Complementary Color

#b4c0bf
```
#b4c0bf rgb(180,192,191)
```
#b4bbc0
```
#b4bbc0 rgb(180,187,192)
```
#b4b5c0
```
#b4b5c0 rgb(180,181,192)
```

Analogous Color

#c0bfb4
```
#c0bfb4 rgb(192,191,180)
```
#b4bbc0
```
#b4bbc0 rgb(180,187,192)
```
#c0b4b5
```
#c0b4b5 rgb(192,180,181)
```

Split Complementary Color

#bbc0b4
```
#bbc0b4 rgb(187,192,180)
```
#b4bbc0
```
#b4bbc0 rgb(180,187,192)
```
#c0b4bb
```
#c0b4bb rgb(192,180,187)
```

Triadic Color

#b4c0b9
```
#b4c0b9 rgb(180,192,185)
```
#b4bbc0
```
#b4bbc0 rgb(180,187,192)
```
#c0b4bb
```
#c0b4bb rgb(192,180,187)
```
#c0b9b4
```
#c0b9b4 rgb(192,185,180)
```

Tetradic Color

#8a959d
```
#8a959d rgb(138,149,157)
```
#98a2a9
```
#98a2a9 rgb(152,162,169)
```
#a6aeb4
```
#a6aeb4 rgb(166,174,180)
```
#b4bbc0
```
#b4bbc0 rgb(180,187,192)
```
#c2c8cc
```
#c2c8cc rgb(194,200,204)
```
#d0d4d7
```
#d0d4d7 rgb(208,212,215)
```
#dee1e3
```
#dee1e3 rgb(222,225,227)
```

Monochromatic Color

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

#b4bec0
```
#b4bec0 rgb(180,190,192)
```
#b4bdc0
```
#b4bdc0 rgb(180,189,192)
```
#b4bcc0
```
#b4bcc0 rgb(180,188,192)
```
#b4bbc0
```
#b4bbc0 rgb(180,187,192)
```
#b4bac0
```
#b4bac0 rgb(180,186,192)
```
#b4b9c0
```
#b4b9c0 rgb(180,185,192)
```
#b4b8c0
```
#b4b8c0 rgb(180,184,192)
```

Similar Colors

Text with hexadecimal color #b4bbc0

This text has a font color of #b4bbc0.

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

#b4bbc0 background color

This paragraph has a background color of #b4bbc0.

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

#b4bbc0 border color

This element has a border color of #b4bbc0.

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

CSS codes

.text {color:#b4bbc0;}

.background {background-color:#b4bbc0;}

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

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, #090a0a is the darkest color, while #ffffff is the lightest one.

#090a0a
```
#090a0a rgb(9,10,10)
```
#121415
```
#121415 rgb(18,20,21)
```
#1b1d20
```
#1b1d20 rgb(27,29,32)
```
#24272a
```
#24272a rgb(36,39,42)
```
#2c3135
```
#2c3135 rgb(44,49,53)
```
#353b40
```
#353b40 rgb(53,59,64)
```
#3e454a
```
#3e454a rgb(62,69,74)
```
#474f55
```
#474f55 rgb(71,79,85)
```
#505960
```
#505960 rgb(80,89,96)
```
#59636a
```
#59636a rgb(89,99,106)
```
#626d75
```
#626d75 rgb(98,109,117)
```
#6b7780
```
#6b7780 rgb(107,119,128)
```
#74818a
```
#74818a rgb(116,129,138)
```

Shade Color Variation

#7f8b93
```
#7f8b93 rgb(127,139,147)
```
#89949c
```
#89949c rgb(137,148,156)
```
#949ea5
```
#949ea5 rgb(148,158,165)
```
#9fa8ae
```
#9fa8ae rgb(159,168,174)
```
#a9b1b7
```
#a9b1b7 rgb(169,177,183)
```
#b4bbc0
```
#b4bbc0 rgb(180,187,192)
```
#bfc5c9
```
#bfc5c9 rgb(191,197,201)
```
#c9ced2
```
#c9ced2 rgb(201,206,210)
```
#d4d8db
```
#d4d8db rgb(212,216,219)
```
#dfe2e4
```
#dfe2e4 rgb(223,226,228)
```
#e9ebed
```
#e9ebed rgb(233,235,237)
```
#f4f5f6
```
#f4f5f6 rgb(244,245,246)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#b9babb
```
#b9babb rgb(185,186,187)
```
#b4bbc0
```
#b4bbc0 rgb(180,187,192)
```
#afbcc5
```
#afbcc5 rgb(175,188,197)
```
#a9bdcb
```
#a9bdcb rgb(169,189,203)
```
#a4bed0
```
#a4bed0 rgb(164,190,208)
```
#9fbfd5
```
#9fbfd5 rgb(159,191,213)
```
#99bfdb
```
#99bfdb rgb(153,191,219)
```
#94c0e0
```
#94c0e0 rgb(148,192,224)
```
#8fc1e5
```
#8fc1e5 rgb(143,193,229)
```
#8ac2ea
```
#8ac2ea rgb(138,194,234)
```
#84c3f0
```
#84c3f0 rgb(132,195,240)
```
#7fc4f5
```
#7fc4f5 rgb(127,196,245)
```
#7ac5fa
```
#7ac5fa rgb(122,197,250)
```

Tone Color Variation

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

#b9b9b9 Achromatopsia 0.005% of the population
#b8b9ba Atypical Achromatopsia 0.001% of the population

Dichromacy

#bfbcc2 Protanopia 1% of men
#cbb8c5 Deuteranopia 1% of men
#b9bdca Tritanopia 0.001% of the population

Trichromacy

#bbbbc1 Protanomaly 1% of men, 0.01% of women
#c2b9c3 Deuteranomaly 6% of men, 0.4% of women
#b7bcc6 Tritanomaly 0.01% of the population