#bbc7d9 hex color

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

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

● #bbc7d9 color description : Light grayish blue.

The hexadecimal color #bbc7d9 has RGB values of R:187, G:199, B:217 and CMYK values of C:0.14, M:0.08, Y:0, K:0.15. Its decimal value is 12306393.

Hex triplet	bbc7d9	`#bbc7d9`
RGB Decimal	187, 199, 217	`rgb(187,199,217)`
RGB Percent	73.3, 78, 85.1	`rgb(73.3%,78%,85.1%)`
CMYK	14, 8, 0, 15
HSL	216°, 28.3, 79.2	`hsl(216,28.3%,79.2%)`
HSV (or HSB)	216°, 13.8, 85.1
Web Safe	cccccc	`#cccccc`

CIE-LAB	79.853, -0.482, -10.353
XYZ	53.439, 56.421, 73.717
xyY	0.291, 0.307, 56.421
CIE-LCH	79.853, 10.364, 267.335
CIE-LUV	79.853, -7.412, -15.903
Hunter-Lab	75.114, -4.457, -5.608
Binary	10111011, 11000111, 11011001

#bbc7d9
```
#bbc7d9 rgb(187,199,217)
```
#d9cdbb
```
#d9cdbb rgb(217,205,187)
```

Complementary Color

#bbd6d9
```
#bbd6d9 rgb(187,214,217)
```
#bbc7d9
```
#bbc7d9 rgb(187,199,217)
```
#bebbd9
```
#bebbd9 rgb(190,187,217)
```

Analogous Color

#d6d9bb
```
#d6d9bb rgb(214,217,187)
```
#bbc7d9
```
#bbc7d9 rgb(187,199,217)
```
#d9bebb
```
#d9bebb rgb(217,190,187)
```

Split Complementary Color

#c7d9bb
```
#c7d9bb rgb(199,217,187)
```
#bbc7d9
```
#bbc7d9 rgb(187,199,217)
```
#d9bbc7
```
#d9bbc7 rgb(217,187,199)
```

Triadic Color

#bbd9cd
```
#bbd9cd rgb(187,217,205)
```
#bbc7d9
```
#bbc7d9 rgb(187,199,217)
```
#d9bbc7
```
#d9bbc7 rgb(217,187,199)
```
#d9cdbb
```
#d9cdbb rgb(217,205,187)
```

Tetradic Color

#8a9fbe
```
#8a9fbe rgb(138,159,190)
```
#9aacc7
```
#9aacc7 rgb(154,172,199)
```
#abbad0
```
#abbad0 rgb(171,186,208)
```
#bbc7d9
```
#bbc7d9 rgb(187,199,217)
```
#cbd4e2
```
#cbd4e2 rgb(203,212,226)
```
#dce2eb
```
#dce2eb rgb(220,226,235)
```
#eceff4
```
#eceff4 rgb(236,239,244)
```

Monochromatic Color

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

#bbcfd9
```
#bbcfd9 rgb(187,207,217)
```
#bbccd9
```
#bbccd9 rgb(187,204,217)
```
#bbcad9
```
#bbcad9 rgb(187,202,217)
```
#bbc7d9
```
#bbc7d9 rgb(187,199,217)
```
#bbc5d9
```
#bbc5d9 rgb(187,197,217)
```
#bbc2d9
```
#bbc2d9 rgb(187,194,217)
```
#bbc0d9
```
#bbc0d9 rgb(187,192,217)
```

Similar Colors

Text with hexadecimal color #bbc7d9

This text has a font color of #bbc7d9.

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

#bbc7d9 background color

This paragraph has a background color of #bbc7d9.

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

#bbc7d9 border color

This element has a border color of #bbc7d9.

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

CSS codes

.text {color:#bbc7d9;}

.background {background-color:#bbc7d9;}

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

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)
```
#0b0f14
```
#0b0f14 rgb(11,15,20)
```
#121821
```
#121821 rgb(18,24,33)
```
#19212d
```
#19212d rgb(25,33,45)
```
#202b3a
```
#202b3a rgb(32,43,58)
```
#273446
```
#273446 rgb(39,52,70)
```
#2e3d53
```
#2e3d53 rgb(46,61,83)
```
#354660
```
#354660 rgb(53,70,96)
```
#3c506c
```
#3c506c rgb(60,80,108)
```
#435979
```
#435979 rgb(67,89,121)
```
#4b6285
```
#4b6285 rgb(75,98,133)
```
#526b92
```
#526b92 rgb(82,107,146)
```
#59759f
```
#59759f rgb(89,117,159)
```

Shade Color Variation

#637ea8
```
#637ea8 rgb(99,126,168)
```
#6f89af
```
#6f89af rgb(111,137,175)
```
#7c93b6
```
#7c93b6 rgb(124,147,182)
```
#899ebd
```
#899ebd rgb(137,158,189)
```
#95a8c4
```
#95a8c4 rgb(149,168,196)
```
#a2b2cb
```
#a2b2cb rgb(162,178,203)
```
#aebdd2
```
#aebdd2 rgb(174,189,210)
```
#bbc7d9
```
#bbc7d9 rgb(187,199,217)
```
#c8d1e0
```
#c8d1e0 rgb(200,209,224)
```
#d4dce7
```
#d4dce7 rgb(212,220,231)
```
#e1e6ee
```
#e1e6ee rgb(225,230,238)
```
#edf0f5
```
#edf0f5 rgb(237,240,245)
```
#fafbfc
```
#fafbfc rgb(250,251,252)
```

Tint Color Variation

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

#c7c9cd
```
#c7c9cd rgb(199,201,205)
```
#c3c9d1
```
#c3c9d1 rgb(195,201,209)
```
#bfc8d5
```
#bfc8d5 rgb(191,200,213)
```
#bbc7d9
```
#bbc7d9 rgb(187,199,217)
```
#b7c6dd
```
#b7c6dd rgb(183,198,221)
```
#b3c5e1
```
#b3c5e1 rgb(179,197,225)
```
#afc5e5
```
#afc5e5 rgb(175,197,229)
```
#abc4e9
```
#abc4e9 rgb(171,196,233)
```
#a7c3ed
```
#a7c3ed rgb(167,195,237)
```
#a3c2f1
```
#a3c2f1 rgb(163,194,241)
```
#9ec1f6
```
#9ec1f6 rgb(158,193,246)
```
#9ac0fa
```
#9ac0fa rgb(154,192,250)
```
#96c0fe
```
#96c0fe rgb(150,192,254)
```

Tone Color Variation

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

#c5c5c5 Achromatopsia 0.005% of the population
#c3c5c9 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c7c7d9 Protanopia 1% of men
#d1c3dc Deuteranopia 1% of men
#becad8 Tritanopia 0.001% of the population

Trichromacy

#c2c7d9 Protanomaly 1% of men, 0.01% of women
#c9c5db Deuteranomaly 6% of men, 0.4% of women
#bcc9d8 Tritanomaly 0.01% of the population

#bbc7d9 hex color

#bbc7d9 Color Information

#bbc7d9 Color Conversion

Color Schemes with #bbc7d9

Alternatives to #bbc7d9

#bbc7d9 Preview

Shades and Tints of #bbc7d9

Tones of #bbc7d9

Color Blindness Simulator