#bbcdd9 hex color

In a RGB color space, hex #bbcdd9 is composed of 73.3% red, 80.4% green and 85.1% blue. Whereas in a CMYK color space, it is composed of 13.8% cyan, 5.5% magenta, 0% yellow and 14.9% black. It has a hue angle of 204 degrees, a saturation of 28.3% and a lightness of 79.2%. #bbcdd9 color hex could be obtained by blending #ffffff with #779bb3. Closest websafe color is: #cccccc.

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

● #bbcdd9 color description : Light grayish blue.

The hexadecimal color #bbcdd9 has RGB values of R:187, G:205, B:217 and CMYK values of C:0.14, M:0.06, Y:0, K:0.15. Its decimal value is 12307929.

Hex triplet	bbcdd9	`#bbcdd9`
RGB Decimal	187, 205, 217	`rgb(187,205,217)`
RGB Percent	73.3, 80.4, 85.1	`rgb(73.3%,80.4%,85.1%)`
CMYK	14, 6, 0, 15
HSL	204°, 28.3, 79.2	`hsl(204,28.3%,79.2%)`
HSV (or HSB)	204°, 13.8, 85.1
Web Safe	cccccc	`#cccccc`

CIE-LAB	81.421, -3.651, -8.02
XYZ	54.847, 59.236, 74.186
xyY	0.291, 0.315, 59.236
CIE-LCH	81.421, 8.812, 245.525
CIE-LUV	81.421, -10.245, -11.738
Hunter-Lab	76.965, -7.487, -3.273
Binary	10111011, 11001101, 11011001

#bbcdd9
```
#bbcdd9 rgb(187,205,217)
```
#d9c7bb
```
#d9c7bb rgb(217,199,187)
```

Complementary Color

#bbd9d6
```
#bbd9d6 rgb(187,217,214)
```
#bbcdd9
```
#bbcdd9 rgb(187,205,217)
```
#bbbed9
```
#bbbed9 rgb(187,190,217)
```

Analogous Color

#d9d6bb
```
#d9d6bb rgb(217,214,187)
```
#bbcdd9
```
#bbcdd9 rgb(187,205,217)
```
#d9bbbe
```
#d9bbbe rgb(217,187,190)
```

Split Complementary Color

#cdd9bb
```
#cdd9bb rgb(205,217,187)
```
#bbcdd9
```
#bbcdd9 rgb(187,205,217)
```
#d9bbcd
```
#d9bbcd rgb(217,187,205)
```

Triadic Color

#bbd9c7
```
#bbd9c7 rgb(187,217,199)
```
#bbcdd9
```
#bbcdd9 rgb(187,205,217)
```
#d9bbcd
```
#d9bbcd rgb(217,187,205)
```
#d9c7bb
```
#d9c7bb rgb(217,199,187)
```

Tetradic Color

#8aa9be
```
#8aa9be rgb(138,169,190)
```
#9ab5c7
```
#9ab5c7 rgb(154,181,199)
```
#abc1d0
```
#abc1d0 rgb(171,193,208)
```
#bbcdd9
```
#bbcdd9 rgb(187,205,217)
```
#cbd9e2
```
#cbd9e2 rgb(203,217,226)
```
#dce5eb
```
#dce5eb rgb(220,229,235)
```
#ecf1f4
```
#ecf1f4 rgb(236,241,244)
```

Monochromatic Color

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

#bbd5d9
```
#bbd5d9 rgb(187,213,217)
```
#bbd2d9
```
#bbd2d9 rgb(187,210,217)
```
#bbd0d9
```
#bbd0d9 rgb(187,208,217)
```
#bbcdd9
```
#bbcdd9 rgb(187,205,217)
```
#bbcbd9
```
#bbcbd9 rgb(187,203,217)
```
#bbc8d9
```
#bbc8d9 rgb(187,200,217)
```
#bbc6d9
```
#bbc6d9 rgb(187,198,217)
```

Similar Colors

Text with hexadecimal color #bbcdd9

This text has a font color of #bbcdd9.

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

#bbcdd9 background color

This paragraph has a background color of #bbcdd9.

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

#bbcdd9 border color

This element has a border color of #bbcdd9.

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

CSS codes

.text {color:#bbcdd9;}

.background {background-color:#bbcdd9;}

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

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

#040608
```
#040608 rgb(4,6,8)
```
#0b1114
```
#0b1114 rgb(11,17,20)
```
#121b21
```
#121b21 rgb(18,27,33)
```
#19252d
```
#19252d rgb(25,37,45)
```
#20303a
```
#20303a rgb(32,48,58)
```
#273a46
```
#273a46 rgb(39,58,70)
```
#2e4453
```
#2e4453 rgb(46,68,83)
```
#354f60
```
#354f60 rgb(53,79,96)
```
#3c596c
```
#3c596c rgb(60,89,108)
```
#436379
```
#436379 rgb(67,99,121)
```
#4b6e85
```
#4b6e85 rgb(75,110,133)
```
#527892
```
#527892 rgb(82,120,146)
```
#59839f
```
#59839f rgb(89,131,159)
```

Shade Color Variation

#638ca8
```
#638ca8 rgb(99,140,168)
```
#6f95af
```
#6f95af rgb(111,149,175)
```
#7c9fb6
```
#7c9fb6 rgb(124,159,182)
```
#89a8bd
```
#89a8bd rgb(137,168,189)
```
#95b1c4
```
#95b1c4 rgb(149,177,196)
```
#a2bacb
```
#a2bacb rgb(162,186,203)
```
#aec4d2
```
#aec4d2 rgb(174,196,210)
```
#bbcdd9
```
#bbcdd9 rgb(187,205,217)
```
#c8d6e0
```
#c8d6e0 rgb(200,214,224)
```
#d4e0e7
```
#d4e0e7 rgb(212,224,231)
```
#e1e9ee
```
#e1e9ee rgb(225,233,238)
```
#edf2f5
```
#edf2f5 rgb(237,242,245)
```
#fafbfc
```
#fafbfc rgb(250,251,252)
```

Tint Color Variation

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

#c7cbcd
```
#c7cbcd rgb(199,203,205)
```
#c3cbd1
```
#c3cbd1 rgb(195,203,209)
```
#bfccd5
```
#bfccd5 rgb(191,204,213)
```
#bbcdd9
```
#bbcdd9 rgb(187,205,217)
```
#b7cedd
```
#b7cedd rgb(183,206,221)
```
#b3cfe1
```
#b3cfe1 rgb(179,207,225)
```
#afcfe5
```
#afcfe5 rgb(175,207,229)
```
#abd0e9
```
#abd0e9 rgb(171,208,233)
```
#a7d1ed
```
#a7d1ed rgb(167,209,237)
```
#a3d2f1
```
#a3d2f1 rgb(163,210,241)
```
#9ed3f6
```
#9ed3f6 rgb(158,211,246)
```
#9ad4fa
```
#9ad4fa rgb(154,212,250)
```
#96d4fe
```
#96d4fe rgb(150,212,254)
```

Tone Color Variation

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

#c9c9c9 Achromatopsia 0.005% of the population
#c6cacc Atypical Achromatopsia 0.001% of the population

Dichromacy

#cccbd8 Protanopia 1% of men
#d8c7dd Deuteranopia 1% of men
#bfcfdd Tritanopia 0.001% of the population

Trichromacy

#c6ccd8 Protanomaly 1% of men, 0.01% of women
#cdc9db Deuteranomaly 6% of men, 0.4% of women
#bdcedc Tritanomaly 0.01% of the population

#bbcdd9 hex color

#bbcdd9 Color Information

#bbcdd9 Color Conversion

Color Schemes with #bbcdd9

Alternatives to #bbcdd9

#bbcdd9 Preview

Shades and Tints of #bbcdd9

Tones of #bbcdd9

Color Blindness Simulator