#b4bbd9 hex color

In a RGB color space, hex #b4bbd9 is composed of 70.6% red, 73.3% green and 85.1% blue. Whereas in a CMYK color space, it is composed of 17.1% cyan, 13.8% magenta, 0% yellow and 14.9% black. It has a hue angle of 228.6 degrees, a saturation of 32.7% and a lightness of 77.8%. #b4bbd9 color hex could be obtained by blending #ffffff with #6977b3. Closest websafe color is: #cccccc.

♥
- f
- t
- g
- R 71
- G 73
- B 85
RGB color chart
- C 17
- M 14
- Y 0
- K 15
CMYK color chart

● #b4bbd9 color description : Light grayish blue.

The hexadecimal color #b4bbd9 has RGB values of R:180, G:187, B:217 and CMYK values of C:0.17, M:0.14, Y:0, K:0.15. Its decimal value is 11844569.

Hex triplet	b4bbd9	`#b4bbd9`
RGB Decimal	180, 187, 217	`rgb(180,187,217)`
RGB Percent	70.6, 73.3, 85.1	`rgb(70.6%,73.3%,85.1%)`
CMYK	17, 14, 0, 15
HSL	228.6°, 32.7, 77.8	`hsl(228.6,32.7%,77.8%)`
HSV (or HSB)	228.6°, 17.1, 85.1
Web Safe	cccccc	`#cccccc`

CIE-LAB	76.224, 3.712, -15.841
XYZ	49.115, 50.253, 72.754
xyY	0.285, 0.292, 50.253
CIE-LCH	76.224, 16.27, 283.187
CIE-LUV	76.224, -5.405, -25.205
Hunter-Lab	70.889, -0.386, -11.227
Binary	10110100, 10111011, 11011001

#b4bbd9
```
#b4bbd9 rgb(180,187,217)
```
#d9d2b4
```
#d9d2b4 rgb(217,210,180)
```

Complementary Color

#b4ced9
```
#b4ced9 rgb(180,206,217)
```
#b4bbd9
```
#b4bbd9 rgb(180,187,217)
```
#c0b4d9
```
#c0b4d9 rgb(192,180,217)
```

Analogous Color

#ced9b4
```
#ced9b4 rgb(206,217,180)
```
#b4bbd9
```
#b4bbd9 rgb(180,187,217)
```
#d9c0b4
```
#d9c0b4 rgb(217,192,180)
```

Split Complementary Color

#bbd9b4
```
#bbd9b4 rgb(187,217,180)
```
#b4bbd9
```
#b4bbd9 rgb(180,187,217)
```
#d9b4bb
```
#d9b4bb rgb(217,180,187)
```

Triadic Color

#b4d9d2
```
#b4d9d2 rgb(180,217,210)
```
#b4bbd9
```
#b4bbd9 rgb(180,187,217)
```
#d9b4bb
```
#d9b4bb rgb(217,180,187)
```
#d9d2b4
```
#d9d2b4 rgb(217,210,180)
```

Tetradic Color

#818dbf
```
#818dbf rgb(129,141,191)
```
#929cc8
```
#929cc8 rgb(146,156,200)
```
#a3acd0
```
#a3acd0 rgb(163,172,208)
```
#b4bbd9
```
#b4bbd9 rgb(180,187,217)
```
#c5cae2
```
#c5cae2 rgb(197,202,226)
```
#d6daea
```
#d6daea rgb(214,218,234)
```
#e7e9f3
```
#e7e9f3 rgb(231,233,243)
```

Monochromatic Color

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

#b4c4d9
```
#b4c4d9 rgb(180,196,217)
```
#b4c1d9
```
#b4c1d9 rgb(180,193,217)
```
#b4bed9
```
#b4bed9 rgb(180,190,217)
```
#b4bbd9
```
#b4bbd9 rgb(180,187,217)
```
#b4b8d9
```
#b4b8d9 rgb(180,184,217)
```
#b4b5d9
```
#b4b5d9 rgb(180,181,217)
```
#b6b4d9
```
#b6b4d9 rgb(182,180,217)
```

Similar Colors

Text with hexadecimal color #b4bbd9

This text has a font color of #b4bbd9.

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

#b4bbd9 background color

This paragraph has a background color of #b4bbd9.

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

#b4bbd9 border color

This element has a border color of #b4bbd9.

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

CSS codes

.text {color:#b4bbd9;}

.background {background-color:#b4bbd9;}

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

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

#020203
```
#020203 rgb(2,2,3)
```
#080a10
```
#080a10 rgb(8,10,16)
```
#0f111d
```
#0f111d rgb(15,17,29)
```
#15192a
```
#15192a rgb(21,25,42)
```
#1c2137
```
#1c2137 rgb(28,33,55)
```
#232944
```
#232944 rgb(35,41,68)
```
#293151
```
#293151 rgb(41,49,81)
```
#30395e
```
#30395e rgb(48,57,94)
```
#36406b
```
#36406b rgb(54,64,107)
```
#3d4878
```
#3d4878 rgb(61,72,120)
```
#445085
```
#445085 rgb(68,80,133)
```
#4a5892
```
#4a5892 rgb(74,88,146)
```
#51609f
```
#51609f rgb(81,96,159)
```

Shade Color Variation

#5968ab
```
#5968ab rgb(89,104,171)
```
#6674b1
```
#6674b1 rgb(102,116,177)
```
#7380b8
```
#7380b8 rgb(115,128,184)
```
#808cbf
```
#808cbf rgb(128,140,191)
```
#8d98c5
```
#8d98c5 rgb(141,152,197)
```
#9aa3cc
```
#9aa3cc rgb(154,163,204)
```
#a7afd2
```
#a7afd2 rgb(167,175,210)
```
#b4bbd9
```
#b4bbd9 rgb(180,187,217)
```
#c1c7e0
```
#c1c7e0 rgb(193,199,224)
```
#ced3e6
```
#ced3e6 rgb(206,211,230)
```
#dbdeed
```
#dbdeed rgb(219,222,237)
```
#e8eaf3
```
#e8eaf3 rgb(232,234,243)
```
#f5f6fa
```
#f5f6fa rgb(245,246,250)
```

Tint Color Variation

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

#c5c6c8
```
#c5c6c8 rgb(197,198,200)
```
#c1c3cc
```
#c1c3cc rgb(193,195,204)
```
#bdc0d0
```
#bdc0d0 rgb(189,192,208)
```
#b8bed5
```
#b8bed5 rgb(184,190,213)
```
#b4bbd9
```
#b4bbd9 rgb(180,187,217)
```
#b0b8dd
```
#b0b8dd rgb(176,184,221)
```
#abb6e2
```
#abb6e2 rgb(171,182,226)
```
#a7b3e6
```
#a7b3e6 rgb(167,179,230)
```
#a3b0ea
```
#a3b0ea rgb(163,176,234)
```
#9eadef
```
#9eadef rgb(158,173,239)
```
#9aabf3
```
#9aabf3 rgb(154,171,243)
```
#96a8f7
```
#96a8f7 rgb(150,168,247)
```
#91a5fc
```
#91a5fc rgb(145,165,252)
```

Tone Color Variation

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

#bcbcbc Achromatopsia 0.005% of the population
#babcc2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b9beda Protanopia 1% of men
#c2bbdc Deuteranopia 1% of men
#b5c0ce Tritanopia 0.001% of the population

Trichromacy

#b7bcda Protanomaly 1% of men, 0.01% of women
#bdbbda Deuteranomaly 6% of men, 0.4% of women
#b4bed2 Tritanomaly 0.01% of the population

#b4bbd9 hex color

#b4bbd9 Color Information

#b4bbd9 Color Conversion

Color Schemes with #b4bbd9

Alternatives to #b4bbd9

#b4bbd9 Preview

Shades and Tints of #b4bbd9

Tones of #b4bbd9

Color Blindness Simulator