#b4bbdb hex color

In a RGB color space, hex #b4bbdb is composed of 70.6% red, 73.3% green and 85.9% blue. Whereas in a CMYK color space, it is composed of 17.8% cyan, 14.6% magenta, 0% yellow and 14.1% black. It has a hue angle of 229.2 degrees, a saturation of 35.1% and a lightness of 78.2%. #b4bbdb color hex could be obtained by blending #ffffff with #6977b7. Closest websafe color is: #cccccc.

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

● #b4bbdb color description : Light grayish blue.

The hexadecimal color #b4bbdb has RGB values of R:180, G:187, B:219 and CMYK values of C:0.18, M:0.15, Y:0, K:0.14. Its decimal value is 11844571.

Hex triplet	b4bbdb	`#b4bbdb`
RGB Decimal	180, 187, 219	`rgb(180,187,219)`
RGB Percent	70.6, 73.3, 85.9	`rgb(70.6%,73.3%,85.9%)`
CMYK	18, 15, 0, 14
HSL	229.2°, 35.1, 78.2	`hsl(229.2,35.1%,78.2%)`
HSV (or HSB)	229.2°, 17.8, 85.9
Web Safe	cccccc	`#cccccc`

CIE-LAB	76.288, 4.147, -16.828
XYZ	49.376, 50.358, 74.133
xyY	0.284, 0.29, 50.358
CIE-LCH	76.288, 17.332, 283.845
CIE-LUV	76.288, -5.507, -26.868
Hunter-Lab	70.963, 0.015, -12.264
Binary	10110100, 10111011, 11011011

#b4bbdb
```
#b4bbdb rgb(180,187,219)
```
#dbd4b4
```
#dbd4b4 rgb(219,212,180)
```

Complementary Color

#b4cfdb
```
#b4cfdb rgb(180,207,219)
```
#b4bbdb
```
#b4bbdb rgb(180,187,219)
```
#c1b4db
```
#c1b4db rgb(193,180,219)
```

Analogous Color

#cfdbb4
```
#cfdbb4 rgb(207,219,180)
```
#b4bbdb
```
#b4bbdb rgb(180,187,219)
```
#dbc1b4
```
#dbc1b4 rgb(219,193,180)
```

Split Complementary Color

#bbdbb4
```
#bbdbb4 rgb(187,219,180)
```
#b4bbdb
```
#b4bbdb rgb(180,187,219)
```
#dbb4bb
```
#dbb4bb rgb(219,180,187)
```

Triadic Color

#b4dbd4
```
#b4dbd4 rgb(180,219,212)
```
#b4bbdb
```
#b4bbdb rgb(180,187,219)
```
#dbb4bb
```
#dbb4bb rgb(219,180,187)
```
#dbd4b4
```
#dbd4b4 rgb(219,212,180)
```

Tetradic Color

#808cc2
```
#808cc2 rgb(128,140,194)
```
#929cca
```
#929cca rgb(146,156,202)
```
#a3abd3
```
#a3abd3 rgb(163,171,211)
```
#b4bbdb
```
#b4bbdb rgb(180,187,219)
```
#c5cbe3
```
#c5cbe3 rgb(197,203,227)
```
#d6daec
```
#d6daec rgb(214,218,236)
```
#e8eaf4
```
#e8eaf4 rgb(232,234,244)
```

Monochromatic Color

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

#b4c5db
```
#b4c5db rgb(180,197,219)
```
#b4c2db
```
#b4c2db rgb(180,194,219)
```
#b4bedb
```
#b4bedb rgb(180,190,219)
```
#b4bbdb
```
#b4bbdb rgb(180,187,219)
```
#b4b8db
```
#b4b8db rgb(180,184,219)
```
#b4b5db
```
#b4b5db rgb(180,181,219)
```
#b7b4db
```
#b7b4db rgb(183,180,219)
```

Similar Colors

Text with hexadecimal color #b4bbdb

This text has a font color of #b4bbdb.

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

#b4bbdb background color

This paragraph has a background color of #b4bbdb.

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

#b4bbdb border color

This element has a border color of #b4bbdb.

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

CSS codes

.text {color:#b4bbdb;}

.background {background-color:#b4bbdb;}

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

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

#020305
```
#020305 rgb(2,3,5)
```
#090a12
```
#090a12 rgb(9,10,18)
```
#0f121f
```
#0f121f rgb(15,18,31)
```
#15192c
```
#15192c rgb(21,25,44)
```
#1c213a
```
#1c213a rgb(28,33,58)
```
#222947
```
#222947 rgb(34,41,71)
```
#283054
```
#283054 rgb(40,48,84)
```
#2f3861
```
#2f3861 rgb(47,56,97)
```
#353f6f
```
#353f6f rgb(53,63,111)
```
#3b477c
```
#3b477c rgb(59,71,124)
```
#424f89
```
#424f89 rgb(66,79,137)
```
#485696
```
#485696 rgb(72,86,150)
```
#4f5ea4
```
#4f5ea4 rgb(79,94,164)
```

Shade Color Variation

#5767ae
```
#5767ae rgb(87,103,174)
```
#6473b5
```
#6473b5 rgb(100,115,181)
```
#727fbb
```
#727fbb rgb(114,127,187)
```
#7f8bc2
```
#7f8bc2 rgb(127,139,194)
```
#8c97c8
```
#8c97c8 rgb(140,151,200)
```
#99a3ce
```
#99a3ce rgb(153,163,206)
```
#a7afd5
```
#a7afd5 rgb(167,175,213)
```
#b4bbdb
```
#b4bbdb rgb(180,187,219)
```
#c1c7e1
```
#c1c7e1 rgb(193,199,225)
```
#cfd3e8
```
#cfd3e8 rgb(207,211,232)
```
#dcdfee
```
#dcdfee rgb(220,223,238)
```
#e9ebf4
```
#e9ebf4 rgb(233,235,244)
```
#f6f7fb
```
#f6f7fb rgb(246,247,251)
```

Tint Color Variation

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

#c5c6ca
```
#c5c6ca rgb(197,198,202)
```
#c1c3ce
```
#c1c3ce rgb(193,195,206)
```
#bdc0d2
```
#bdc0d2 rgb(189,192,210)
```
#b8bed7
```
#b8bed7 rgb(184,190,215)
```
#b4bbdb
```
#b4bbdb rgb(180,187,219)
```
#b0b8df
```
#b0b8df rgb(176,184,223)
```
#abb6e4
```
#abb6e4 rgb(171,182,228)
```
#a7b3e8
```
#a7b3e8 rgb(167,179,232)
```
#a3b0ec
```
#a3b0ec rgb(163,176,236)
```
#9fadf0
```
#9fadf0 rgb(159,173,240)
```
#9aabf5
```
#9aabf5 rgb(154,171,245)
```
#96a8f9
```
#96a8f9 rgb(150,168,249)
```
#92a5fd
```
#92a5fd rgb(146,165,253)
```

Tone Color Variation

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

#bdbdbd Achromatopsia 0.005% of the population
#bbbdc3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b9bedc Protanopia 1% of men
#c1bbdd Deuteranopia 1% of men
#b4c1ce Tritanopia 0.001% of the population

Trichromacy

#b7bcdc Protanomaly 1% of men, 0.01% of women
#bcbbdc Deuteranomaly 6% of men, 0.4% of women
#b4bed3 Tritanomaly 0.01% of the population

#b4bbdb hex color

#b4bbdb Color Information

#b4bbdb Color Conversion

Color Schemes with #b4bbdb

Alternatives to #b4bbdb

#b4bbdb Preview

Shades and Tints of #b4bbdb

Tones of #b4bbdb

Color Blindness Simulator