#b4bdd8 hex color

In a RGB color space, hex #b4bdd8 is composed of 70.6% red, 74.1% green and 84.7% blue. Whereas in a CMYK color space, it is composed of 16.7% cyan, 12.5% magenta, 0% yellow and 15.3% black. It has a hue angle of 225 degrees, a saturation of 31.6% and a lightness of 77.6%. #b4bdd8 color hex could be obtained by blending #ffffff with #697bb1. Closest websafe color is: #cccccc.

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

● #b4bdd8 color description : Grayish blue.

The hexadecimal color #b4bdd8 has RGB values of R:180, G:189, B:216 and CMYK values of C:0.17, M:0.13, Y:0, K:0.15. Its decimal value is 11845080.

Hex triplet	b4bdd8	`#b4bdd8`
RGB Decimal	180, 189, 216	`rgb(180,189,216)`
RGB Percent	70.6, 74.1, 84.7	`rgb(70.6%,74.1%,84.7%)`
CMYK	17, 13, 0, 15
HSL	225°, 31.6, 77.6	`hsl(225,31.6%,77.6%)`
HSV (or HSB)	225°, 16.7, 84.7
Web Safe	cccccc	`#cccccc`

CIE-LAB	76.713, 2.415, -14.565
XYZ	49.412, 51.056, 72.213
xyY	0.286, 0.296, 51.056
CIE-LCH	76.713, 14.764, 279.416
CIE-LUV	76.713, -6.282, -22.972
Hunter-Lab	71.453, -1.605, -9.903
Binary	10110100, 10111101, 11011000

#b4bdd8
```
#b4bdd8 rgb(180,189,216)
```
#d8cfb4
```
#d8cfb4 rgb(216,207,180)
```

Complementary Color

#b4cfd8
```
#b4cfd8 rgb(180,207,216)
```
#b4bdd8
```
#b4bdd8 rgb(180,189,216)
```
#bdb4d8
```
#bdb4d8 rgb(189,180,216)
```

Analogous Color

#cfd8b4
```
#cfd8b4 rgb(207,216,180)
```
#b4bdd8
```
#b4bdd8 rgb(180,189,216)
```
#d8bdb4
```
#d8bdb4 rgb(216,189,180)
```

Split Complementary Color

#bdd8b4
```
#bdd8b4 rgb(189,216,180)
```
#b4bdd8
```
#b4bdd8 rgb(180,189,216)
```
#d8b4bd
```
#d8b4bd rgb(216,180,189)
```

Triadic Color

#b4d8cf
```
#b4d8cf rgb(180,216,207)
```
#b4bdd8
```
#b4bdd8 rgb(180,189,216)
```
#d8b4bd
```
#d8b4bd rgb(216,180,189)
```
#d8cfb4
```
#d8cfb4 rgb(216,207,180)
```

Tetradic Color

#8291be
```
#8291be rgb(130,145,190)
```
#929fc7
```
#929fc7 rgb(146,159,199)
```
#a3aecf
```
#a3aecf rgb(163,174,207)
```
#b4bdd8
```
#b4bdd8 rgb(180,189,216)
```
#c5cce1
```
#c5cce1 rgb(197,204,225)
```
#d6dbe9
```
#d6dbe9 rgb(214,219,233)
```
#e6e9f2
```
#e6e9f2 rgb(230,233,242)
```

Monochromatic Color

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

#b4c6d8
```
#b4c6d8 rgb(180,198,216)
```
#b4c3d8
```
#b4c3d8 rgb(180,195,216)
```
#b4c0d8
```
#b4c0d8 rgb(180,192,216)
```
#b4bdd8
```
#b4bdd8 rgb(180,189,216)
```
#b4bad8
```
#b4bad8 rgb(180,186,216)
```
#b4b7d8
```
#b4b7d8 rgb(180,183,216)
```
#b4b4d8
```
#b4b4d8 rgb(180,180,216)
```

Similar Colors

Text with hexadecimal color #b4bdd8

This text has a font color of #b4bdd8.

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

#b4bdd8 background color

This paragraph has a background color of #b4bdd8.

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

#b4bdd8 border color

This element has a border color of #b4bdd8.

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

CSS codes

.text {color:#b4bdd8;}

.background {background-color:#b4bdd8;}

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

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

#010202
```
#010202 rgb(1,2,2)
```
#080a0f
```
#080a0f rgb(8,10,15)
```
#0f121c
```
#0f121c rgb(15,18,28)
```
#151a29
```
#151a29 rgb(21,26,41)
```
#1c2336
```
#1c2336 rgb(28,35,54)
```
#232b43
```
#232b43 rgb(35,43,67)
```
#2a3350
```
#2a3350 rgb(42,51,80)
```
#303b5d
```
#303b5d rgb(48,59,93)
```
#37446a
```
#37446a rgb(55,68,106)
```
#3e4c77
```
#3e4c77 rgb(62,76,119)
```
#445483
```
#445483 rgb(68,84,131)
```
#4b5c90
```
#4b5c90 rgb(75,92,144)
```
#52659d
```
#52659d rgb(82,101,157)
```

Shade Color Variation

#5a6ea9
```
#5a6ea9 rgb(90,110,169)
```
#6779b0
```
#6779b0 rgb(103,121,176)
```
#7384b6
```
#7384b6 rgb(115,132,182)
```
#8090bd
```
#8090bd rgb(128,144,189)
```
#8d9bc4
```
#8d9bc4 rgb(141,155,196)
```
#9aa6cb
```
#9aa6cb rgb(154,166,203)
```
#a7b2d1
```
#a7b2d1 rgb(167,178,209)
```
#b4bdd8
```
#b4bdd8 rgb(180,189,216)
```
#c1c8df
```
#c1c8df rgb(193,200,223)
```
#ced4e5
```
#ced4e5 rgb(206,212,229)
```
#dbdfec
```
#dbdfec rgb(219,223,236)
```
#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, #c6c6c6 is the less saturated color, while #91abfb is the most saturated one.

#c6c6c6
```
#c6c6c6 rgb(198,198,198)
```
#c1c4cb
```
#c1c4cb rgb(193,196,203)
```
#bdc1cf
```
#bdc1cf rgb(189,193,207)
```
#b8bfd4
```
#b8bfd4 rgb(184,191,212)
```
#b4bdd8
```
#b4bdd8 rgb(180,189,216)
```
#b0bbdc
```
#b0bbdc rgb(176,187,220)
```
#abb9e1
```
#abb9e1 rgb(171,185,225)
```
#a7b6e5
```
#a7b6e5 rgb(167,182,229)
```
#a2b4ea
```
#a2b4ea rgb(162,180,234)
```
#9eb2ee
```
#9eb2ee rgb(158,178,238)
```
#9ab0f2
```
#9ab0f2 rgb(154,176,242)
```
#95aef7
```
#95aef7 rgb(149,174,247)
```
#91abfb
```
#91abfb rgb(145,171,251)
```

Tone Color Variation

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

Dichromacy

#bcbfd9 Protanopia 1% of men
#c5bcdb Deuteranopia 1% of men
#b5c2d0 Tritanopia 0.001% of the population

Trichromacy

#b9bed8 Protanomaly 1% of men, 0.01% of women
#bebcda Deuteranomaly 6% of men, 0.4% of women
#b5c0d2 Tritanomaly 0.01% of the population

#b4bdd8 hex color

#b4bdd8 Color Information

#b4bdd8 Color Conversion

Color Schemes with #b4bdd8

Alternatives to #b4bdd8

#b4bdd8 Preview

Shades and Tints of #b4bdd8

Tones of #b4bdd8

Color Blindness Simulator