#bbc7de hex color

In a RGB color space, hex #bbc7de is composed of 73.3% red, 78% green and 87.1% blue. Whereas in a CMYK color space, it is composed of 15.8% cyan, 10.4% magenta, 0% yellow and 12.9% black. It has a hue angle of 219.4 degrees, a saturation of 34.7% and a lightness of 80.2%. #bbc7de color hex could be obtained by blending #ffffff with #778fbd. Closest websafe color is: #cccccc.

♥
- f
- t
- g
- R 73
- G 78
- B 87
RGB color chart
- C 16
- M 10
- Y 0
- K 13
CMYK color chart

● #bbc7de color description : Light grayish blue.

The hexadecimal color #bbc7de has RGB values of R:187, G:199, B:222 and CMYK values of C:0.16, M:0.1, Y:0, K:0.13. Its decimal value is 12306398.

Hex triplet	bbc7de	`#bbc7de`
RGB Decimal	187, 199, 222	`rgb(187,199,222)`
RGB Percent	73.3, 78, 87.1	`rgb(73.3%,78%,87.1%)`
CMYK	16, 10, 0, 13
HSL	219.4°, 34.7, 80.2	`hsl(219.4,34.7%,80.2%)`
HSV (or HSB)	219.4°, 15.8, 87.1
Web Safe	cccccc	`#cccccc`

CIE-LAB	80.002, 0.567, -12.815
XYZ	54.099, 56.685, 77.194
xyY	0.288, 0.302, 56.685
CIE-LCH	80.002, 12.828, 272.534
CIE-LUV	80.002, -7.636, -20
Hunter-Lab	75.289, -3.495, -8.088
Binary	10111011, 11000111, 11011110

#bbc7de
```
#bbc7de rgb(187,199,222)
```
#ded2bb
```
#ded2bb rgb(222,210,187)
```

Complementary Color

#bbd9de
```
#bbd9de rgb(187,217,222)
```
#bbc7de
```
#bbc7de rgb(187,199,222)
```
#c1bbde
```
#c1bbde rgb(193,187,222)
```

Analogous Color

#d9debb
```
#d9debb rgb(217,222,187)
```
#bbc7de
```
#bbc7de rgb(187,199,222)
```
#dec1bb
```
#dec1bb rgb(222,193,187)
```

Split Complementary Color

#c7debb
```
#c7debb rgb(199,222,187)
```
#bbc7de
```
#bbc7de rgb(187,199,222)
```
#debbc7
```
#debbc7 rgb(222,187,199)
```

Triadic Color

#bbded2
```
#bbded2 rgb(187,222,210)
```
#bbc7de
```
#bbc7de rgb(187,199,222)
```
#debbc7
```
#debbc7 rgb(222,187,199)
```
#ded2bb
```
#ded2bb rgb(222,210,187)
```

Tetradic Color

#879dc5
```
#879dc5 rgb(135,157,197)
```
#99abcd
```
#99abcd rgb(153,171,205)
```
#aab9d6
```
#aab9d6 rgb(170,185,214)
```
#bbc7de
```
#bbc7de rgb(187,199,222)
```
#ccd5e6
```
#ccd5e6 rgb(204,213,230)
```
#dde3ef
```
#dde3ef rgb(221,227,239)
```
#eff1f7
```
#eff1f7 rgb(239,241,247)
```

Monochromatic Color

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

#bbd0de
```
#bbd0de rgb(187,208,222)
```
#bbcdde
```
#bbcdde rgb(187,205,222)
```
#bbcade
```
#bbcade rgb(187,202,222)
```
#bbc7de
```
#bbc7de rgb(187,199,222)
```
#bbc4de
```
#bbc4de rgb(187,196,222)
```
#bbc1de
```
#bbc1de rgb(187,193,222)
```
#bbbede
```
#bbbede rgb(187,190,222)
```

Similar Colors

Text with hexadecimal color #bbc7de

This text has a font color of #bbc7de.

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

#bbc7de background color

This paragraph has a background color of #bbc7de.

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

#bbc7de border color

This element has a border color of #bbc7de.

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

CSS codes

.text {color:#bbc7de;}

.background {background-color:#bbc7de;}

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

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, #05070b is the darkest color, while #fdfdfe is the lightest one.

#05070b
```
#05070b rgb(5,7,11)
```
#0c1018
```
#0c1018 rgb(12,16,24)
```
#121926
```
#121926 rgb(18,25,38)
```
#192233
```
#192233 rgb(25,34,51)
```
#1f2a40
```
#1f2a40 rgb(31,42,64)
```
#25334d
```
#25334d rgb(37,51,77)
```
#2c3c5a
```
#2c3c5a rgb(44,60,90)
```
#324568
```
#324568 rgb(50,69,104)
```
#394d75
```
#394d75 rgb(57,77,117)
```
#3f5682
```
#3f5682 rgb(63,86,130)
```
#465f8f
```
#465f8f rgb(70,95,143)
```
#4c689d
```
#4c689d rgb(76,104,157)
```
#5270aa
```
#5270aa rgb(82,112,170)
```

Shade Color Variation

#5f7bb1
```
#5f7bb1 rgb(95,123,177)
```
#6c86b8
```
#6c86b8 rgb(108,134,184)
```
#7991be
```
#7991be rgb(121,145,190)
```
#869bc4
```
#869bc4 rgb(134,155,196)
```
#93a6cb
```
#93a6cb rgb(147,166,203)
```
#a1b1d1
```
#a1b1d1 rgb(161,177,209)
```
#aebcd8
```
#aebcd8 rgb(174,188,216)
```
#bbc7de
```
#bbc7de rgb(187,199,222)
```
#c8d2e4
```
#c8d2e4 rgb(200,210,228)
```
#d5ddeb
```
#d5ddeb rgb(213,221,235)
```
#e3e8f1
```
#e3e8f1 rgb(227,232,241)
```
#f0f3f8
```
#f0f3f8 rgb(240,243,248)
```
#fdfdfe
```
#fdfdfe rgb(253,253,254)
```

Tint Color Variation

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

#cbccce
```
#cbccce rgb(203,204,206)
```
#c7cbd2
```
#c7cbd2 rgb(199,203,210)
```
#c3c9d6
```
#c3c9d6 rgb(195,201,214)
```
#bfc8da
```
#bfc8da rgb(191,200,218)
```
#bbc7de
```
#bbc7de rgb(187,199,222)
```
#b7c6e2
```
#b7c6e2 rgb(183,198,226)
```
#b3c5e6
```
#b3c5e6 rgb(179,197,230)
```
#afc3ea
```
#afc3ea rgb(175,195,234)
```
#abc2ee
```
#abc2ee rgb(171,194,238)
```
#a8c1f1
```
#a8c1f1 rgb(168,193,241)
```
#a4c0f5
```
#a4c0f5 rgb(164,192,245)
```
#a0bef9
```
#a0bef9 rgb(160,190,249)
```
#9cbdfd
```
#9cbdfd rgb(156,189,253)
```

Tone Color Variation

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

#c6c6c6 Achromatopsia 0.005% of the population
#c4c6cb Atypical Achromatopsia 0.001% of the population

Dichromacy

#c6c7de Protanopia 1% of men
#d0c4e1 Deuteranopia 1% of men
#bdcad9 Tritanopia 0.001% of the population

Trichromacy

#c2c7de Protanomaly 1% of men, 0.01% of women
#c8c5e0 Deuteranomaly 6% of men, 0.4% of women
#bcc9db Tritanomaly 0.01% of the population

#bbc7de hex color

#bbc7de Color Information

#bbc7de Color Conversion

Color Schemes with #bbc7de

Alternatives to #bbc7de

#bbc7de Preview

Shades and Tints of #bbc7de

Tones of #bbc7de

Color Blindness Simulator