#b4bbda hex color

In a RGB color space, hex #b4bbda is composed of 70.6% red, 73.3% green and 85.5% blue. Whereas in a CMYK color space, it is composed of 17.4% cyan, 14.2% magenta, 0% yellow and 14.5% black. It has a hue angle of 228.9 degrees, a saturation of 33.9% and a lightness of 78%. #b4bbda color hex could be obtained by blending #ffffff with #6977b5. 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

● #b4bbda color description : Light grayish blue.

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

Hex triplet	b4bbda	`#b4bbda`
RGB Decimal	180, 187, 218	`rgb(180,187,218)`
RGB Percent	70.6, 73.3, 85.5	`rgb(70.6%,73.3%,85.5%)`
CMYK	17, 14, 0, 15
HSL	228.9°, 33.9, 78	`hsl(228.9,33.9%,78%)`
HSV (or HSB)	228.9°, 17.4, 85.5
Web Safe	cccccc	`#cccccc`

CIE-LAB	76.256, 3.929, -16.335
XYZ	49.245, 50.305, 73.441
xyY	0.285, 0.291, 50.305
CIE-LCH	76.256, 16.801, 283.525
CIE-LUV	76.256, -5.456, -26.036
Hunter-Lab	70.926, -0.186, -11.744
Binary	10110100, 10111011, 11011010

#b4bbda
```
#b4bbda rgb(180,187,218)
```
#dad3b4
```
#dad3b4 rgb(218,211,180)
```

Complementary Color

#b4ceda
```
#b4ceda rgb(180,206,218)
```
#b4bbda
```
#b4bbda rgb(180,187,218)
```
#c0b4da
```
#c0b4da rgb(192,180,218)
```

Analogous Color

#cedab4
```
#cedab4 rgb(206,218,180)
```
#b4bbda
```
#b4bbda rgb(180,187,218)
```
#dac0b4
```
#dac0b4 rgb(218,192,180)
```

Split Complementary Color

#bbdab4
```
#bbdab4 rgb(187,218,180)
```
#b4bbda
```
#b4bbda rgb(180,187,218)
```
#dab4bb
```
#dab4bb rgb(218,180,187)
```

Triadic Color

#b4dad3
```
#b4dad3 rgb(180,218,211)
```
#b4bbda
```
#b4bbda rgb(180,187,218)
```
#dab4bb
```
#dab4bb rgb(218,180,187)
```
#dad3b4
```
#dad3b4 rgb(218,211,180)
```

Tetradic Color

#818dc1
```
#818dc1 rgb(129,141,193)
```
#929cc9
```
#929cc9 rgb(146,156,201)
```
#a3acd2
```
#a3acd2 rgb(163,172,210)
```
#b4bbda
```
#b4bbda rgb(180,187,218)
```
#c5cae2
```
#c5cae2 rgb(197,202,226)
```
#d6daeb
```
#d6daeb rgb(214,218,235)
```
#e7e9f3
```
#e7e9f3 rgb(231,233,243)
```

Monochromatic Color

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

#b4c5da
```
#b4c5da rgb(180,197,218)
```
#b4c1da
```
#b4c1da rgb(180,193,218)
```
#b4beda
```
#b4beda rgb(180,190,218)
```
#b4bbda
```
#b4bbda rgb(180,187,218)
```
#b4b8da
```
#b4b8da rgb(180,184,218)
```
#b4b5da
```
#b4b5da rgb(180,181,218)
```
#b7b4da
```
#b7b4da rgb(183,180,218)
```

Similar Colors

Text with hexadecimal color #b4bbda

This text has a font color of #b4bbda.

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

#b4bbda background color

This paragraph has a background color of #b4bbda.

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

#b4bbda border color

This element has a border color of #b4bbda.

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

CSS codes

.text {color:#b4bbda;}

.background {background-color:#b4bbda;}

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

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

#020204
```
#020204 rgb(2,2,4)
```
#080a11
```
#080a11 rgb(8,10,17)
```
#0f121e
```
#0f121e rgb(15,18,30)
```
#15192b
```
#15192b rgb(21,25,43)
```
#1c2138
```
#1c2138 rgb(28,33,56)
```
#222945
```
#222945 rgb(34,41,69)
```
#293053
```
#293053 rgb(41,48,83)
```
#2f3860
```
#2f3860 rgb(47,56,96)
```
#36406d
```
#36406d rgb(54,64,109)
```
#3c487a
```
#3c487a rgb(60,72,122)
```
#434f87
```
#434f87 rgb(67,79,135)
```
#495794
```
#495794 rgb(73,87,148)
```
#505fa1
```
#505fa1 rgb(80,95,161)
```

Shade Color Variation

#5868ad
```
#5868ad rgb(88,104,173)
```
#6574b3
```
#6574b3 rgb(101,116,179)
```
#727fba
```
#727fba rgb(114,127,186)
```
#7f8bc0
```
#7f8bc0 rgb(127,139,192)
```
#8d97c7
```
#8d97c7 rgb(141,151,199)
```
#9aa3cd
```
#9aa3cd rgb(154,163,205)
```
#a7afd4
```
#a7afd4 rgb(167,175,212)
```
#b4bbda
```
#b4bbda rgb(180,187,218)
```
#c1c7e0
```
#c1c7e0 rgb(193,199,224)
```
#ced3e7
```
#ced3e7 rgb(206,211,231)
```
#dbdfed
```
#dbdfed rgb(219,223,237)
```
#e9ebf4
```
#e9ebf4 rgb(233,235,244)
```
#f6f7fa
```
#f6f7fa rgb(246,247,250)
```

Tint Color Variation

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

#c5c6c9
```
#c5c6c9 rgb(197,198,201)
```
#c1c3cd
```
#c1c3cd rgb(193,195,205)
```
#bdc0d1
```
#bdc0d1 rgb(189,192,209)
```
#b8bed6
```
#b8bed6 rgb(184,190,214)
```
#b4bbda
```
#b4bbda rgb(180,187,218)
```
#b0b8de
```
#b0b8de rgb(176,184,222)
```
#abb6e3
```
#abb6e3 rgb(171,182,227)
```
#a7b3e7
```
#a7b3e7 rgb(167,179,231)
```
#a3b0eb
```
#a3b0eb rgb(163,176,235)
```
#9eadf0
```
#9eadf0 rgb(158,173,240)
```
#9aabf4
```
#9aabf4 rgb(154,171,244)
```
#96a8f8
```
#96a8f8 rgb(150,168,248)
```
#92a5fc
```
#92a5fc rgb(146,165,252)
```

Tone Color Variation

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

#b9bedb Protanopia 1% of men
#c2bbdd Deuteranopia 1% of men
#b5c0ce Tritanopia 0.001% of the population

Trichromacy

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

#b4bbda hex color

#b4bbda Color Information

#b4bbda Color Conversion

Color Schemes with #b4bbda

Alternatives to #b4bbda

#b4bbda Preview

Shades and Tints of #b4bbda

Tones of #b4bbda

Color Blindness Simulator