#b4b9dc hex color

In a RGB color space, hex #b4b9dc is composed of 70.6% red, 72.5% green and 86.3% blue. Whereas in a CMYK color space, it is composed of 18.2% cyan, 15.9% magenta, 0% yellow and 13.7% black. It has a hue angle of 232.5 degrees, a saturation of 36.4% and a lightness of 78.4%. #b4b9dc color hex could be obtained by blending #ffffff with #6973b9. Closest websafe color is: #cccccc.

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

● #b4b9dc color description : Light grayish blue.

The hexadecimal color #b4b9dc has RGB values of R:180, G:185, B:220 and CMYK values of C:0.18, M:0.16, Y:0, K:0.14. Its decimal value is 11844060.

Hex triplet	b4b9dc	`#b4b9dc`
RGB Decimal	180, 185, 220	`rgb(180,185,220)`
RGB Percent	70.6, 72.5, 86.3	`rgb(70.6%,72.5%,86.3%)`
CMYK	18, 16, 0, 14
HSL	232.5°, 36.4, 78.4	`hsl(232.5,36.4%,78.4%)`
HSV (or HSB)	232.5°, 18.2, 86.3
Web Safe	cccccc	`#cccccc`

CIE-LAB	75.803, 5.452, -18.103
XYZ	49.087, 49.568, 74.688
xyY	0.283, 0.286, 49.568
CIE-LCH	75.803, 18.906, 286.76
CIE-LUV	75.803, -4.642, -29.109
Hunter-Lab	70.405, 1.245, -13.614
Binary	10110100, 10111001, 11011100

#b4b9dc
```
#b4b9dc rgb(180,185,220)
```
#dcd7b4
```
#dcd7b4 rgb(220,215,180)
```

Complementary Color

#b4cddc
```
#b4cddc rgb(180,205,220)
```
#b4b9dc
```
#b4b9dc rgb(180,185,220)
```
#c3b4dc
```
#c3b4dc rgb(195,180,220)
```

Analogous Color

#cddcb4
```
#cddcb4 rgb(205,220,180)
```
#b4b9dc
```
#b4b9dc rgb(180,185,220)
```
#dcc3b4
```
#dcc3b4 rgb(220,195,180)
```

Split Complementary Color

#b9dcb4
```
#b9dcb4 rgb(185,220,180)
```
#b4b9dc
```
#b4b9dc rgb(180,185,220)
```
#dcb4b9
```
#dcb4b9 rgb(220,180,185)
```

Triadic Color

#b4dcd7
```
#b4dcd7 rgb(180,220,215)
```
#b4b9dc
```
#b4b9dc rgb(180,185,220)
```
#dcb4b9
```
#dcb4b9 rgb(220,180,185)
```
#dcd7b4
```
#dcd7b4 rgb(220,215,180)
```

Tetradic Color

#8088c4
```
#8088c4 rgb(128,136,196)
```
#9199cc
```
#9199cc rgb(145,153,204)
```
#a3a9d4
```
#a3a9d4 rgb(163,169,212)
```
#b4b9dc
```
#b4b9dc rgb(180,185,220)
```
#c5c9e4
```
#c5c9e4 rgb(197,201,228)
```
#d7d9ec
```
#d7d9ec rgb(215,217,236)
```
#e8eaf4
```
#e8eaf4 rgb(232,234,244)
```

Monochromatic Color

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

#b4c3dc
```
#b4c3dc rgb(180,195,220)
```
#b4c0dc
```
#b4c0dc rgb(180,192,220)
```
#b4bcdc
```
#b4bcdc rgb(180,188,220)
```
#b4b9dc
```
#b4b9dc rgb(180,185,220)
```
#b4b6dc
```
#b4b6dc rgb(180,182,220)
```
#b6b4dc
```
#b6b4dc rgb(182,180,220)
```
#b9b4dc
```
#b9b4dc rgb(185,180,220)
```

Similar Colors

Text with hexadecimal color #b4b9dc

This text has a font color of #b4b9dc.

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

#b4b9dc background color

This paragraph has a background color of #b4b9dc.

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

#b4b9dc border color

This element has a border color of #b4b9dc.

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

CSS codes

.text {color:#b4b9dc;}

.background {background-color:#b4b9dc;}

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

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 #f7f7fb is the lightest one.

#020305
```
#020305 rgb(2,3,5)
```
#090a13
```
#090a13 rgb(9,10,19)
```
#0f1120
```
#0f1120 rgb(15,17,32)
```
#15182d
```
#15182d rgb(21,24,45)
```
#1b1f3b
```
#1b1f3b rgb(27,31,59)
```
#222648
```
#222648 rgb(34,38,72)
```
#282e55
```
#282e55 rgb(40,46,85)
```
#2e3563
```
#2e3563 rgb(46,53,99)
```
#343c70
```
#343c70 rgb(52,60,112)
```
#3b437e
```
#3b437e rgb(59,67,126)
```
#414a8b
```
#414a8b rgb(65,74,139)
```
#475198
```
#475198 rgb(71,81,152)
```
#4d58a6
```
#4d58a6 rgb(77,88,166)
```

Shade Color Variation

#5662b0
```
#5662b0 rgb(86,98,176)
```
#646eb7
```
#646eb7 rgb(100,110,183)
```
#717bbd
```
#717bbd rgb(113,123,189)
```
#7f87c3
```
#7f87c3 rgb(127,135,195)
```
#8c94c9
```
#8c94c9 rgb(140,148,201)
```
#99a0d0
```
#99a0d0 rgb(153,160,208)
```
#a7add6
```
#a7add6 rgb(167,173,214)
```
#b4b9dc
```
#b4b9dc rgb(180,185,220)
```
#c1c5e2
```
#c1c5e2 rgb(193,197,226)
```
#cfd2e8
```
#cfd2e8 rgb(207,210,232)
```
#dcdeef
```
#dcdeef rgb(220,222,239)
```
#e9ebf5
```
#e9ebf5 rgb(233,235,245)
```
#f7f7fb
```
#f7f7fb rgb(247,247,251)
```

Tint Color Variation

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

#c5c6cb
```
#c5c6cb rgb(197,198,203)
```
#c1c3cf
```
#c1c3cf rgb(193,195,207)
```
#bcbfd4
```
#bcbfd4 rgb(188,191,212)
```
#b8bcd8
```
#b8bcd8 rgb(184,188,216)
```
#b4b9dc
```
#b4b9dc rgb(180,185,220)
```
#b0b6e0
```
#b0b6e0 rgb(176,182,224)
```
#acb3e4
```
#acb3e4 rgb(172,179,228)
```
#a7afe9
```
#a7afe9 rgb(167,175,233)
```
#a3aced
```
#a3aced rgb(163,172,237)
```
#9fa9f1
```
#9fa9f1 rgb(159,169,241)
```
#9ba6f5
```
#9ba6f5 rgb(155,166,245)
```
#96a3fa
```
#96a3fa rgb(150,163,250)
```
#92a0fe
```
#92a0fe rgb(146,160,254)
```

Tone Color Variation

Below, you can see how #b4b9dc 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
#babbc2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b7bcdd Protanopia 1% of men
#bfbade Deuteranopia 1% of men
#b4bfcd Tritanopia 0.001% of the population

Trichromacy

#b6bbdd Protanomaly 1% of men, 0.01% of women
#bbb9dd Deuteranomaly 6% of men, 0.4% of women
#b4bdd2 Tritanomaly 0.01% of the population

#b4b9dc hex color

#b4b9dc Color Information

#b4b9dc Color Conversion

Color Schemes with #b4b9dc

Alternatives to #b4b9dc

#b4b9dc Preview

Shades and Tints of #b4b9dc

Tones of #b4b9dc

Color Blindness Simulator