#bbcbde hex color

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

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

● #bbcbde color description : Light grayish blue.

The hexadecimal color #bbcbde has RGB values of R:187, G:203, B:222 and CMYK values of C:0.16, M:0.09, Y:0, K:0.13. Its decimal value is 12307422.

Hex triplet	bbcbde	`#bbcbde`
RGB Decimal	187, 203, 222	`rgb(187,203,222)`
RGB Percent	73.3, 79.6, 87.1	`rgb(73.3%,79.6%,87.1%)`
CMYK	16, 9, 0, 13
HSL	212.6°, 34.7, 80.2	`hsl(212.6,34.7%,80.2%)`
HSV (or HSB)	212.6°, 15.8, 87.1
Web Safe	cccccc	`#cccccc`

CIE-LAB	81.044, -1.555, -11.258
XYZ	55.032, 58.55, 77.505
xyY	0.288, 0.306, 58.55
CIE-LCH	81.044, 11.365, 262.137
CIE-LUV	81.044, -9.502, -17.203
Hunter-Lab	76.518, -5.529, -6.492
Binary	10111011, 11001011, 11011110

#bbcbde
```
#bbcbde rgb(187,203,222)
```
#decebb
```
#decebb rgb(222,206,187)
```

Complementary Color

#bbddde
```
#bbddde rgb(187,221,222)
```
#bbcbde
```
#bbcbde rgb(187,203,222)
```
#bdbbde
```
#bdbbde rgb(189,187,222)
```

Analogous Color

#dddebb
```
#dddebb rgb(221,222,187)
```
#bbcbde
```
#bbcbde rgb(187,203,222)
```
#debdbb
```
#debdbb rgb(222,189,187)
```

Split Complementary Color

#cbdebb
```
#cbdebb rgb(203,222,187)
```
#bbcbde
```
#bbcbde rgb(187,203,222)
```
#debbcb
```
#debbcb rgb(222,187,203)
```

Triadic Color

#bbdece
```
#bbdece rgb(187,222,206)
```
#bbcbde
```
#bbcbde rgb(187,203,222)
```
#debbcb
```
#debbcb rgb(222,187,203)
```
#decebb
```
#decebb rgb(222,206,187)
```

Tetradic Color

#87a4c5
```
#87a4c5 rgb(135,164,197)
```
#99b1cd
```
#99b1cd rgb(153,177,205)
```
#aabed6
```
#aabed6 rgb(170,190,214)
```
#bbcbde
```
#bbcbde rgb(187,203,222)
```
#ccd8e6
```
#ccd8e6 rgb(204,216,230)
```
#dde5ef
```
#dde5ef rgb(221,229,239)
```
#eff2f7
```
#eff2f7 rgb(239,242,247)
```

Monochromatic Color

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

#bbd4de
```
#bbd4de rgb(187,212,222)
```
#bbd1de
```
#bbd1de rgb(187,209,222)
```
#bbcede
```
#bbcede rgb(187,206,222)
```
#bbcbde
```
#bbcbde rgb(187,203,222)
```
#bbc8de
```
#bbc8de rgb(187,200,222)
```
#bbc5de
```
#bbc5de rgb(187,197,222)
```
#bbc2de
```
#bbc2de rgb(187,194,222)
```

Similar Colors

Text with hexadecimal color #bbcbde

This text has a font color of #bbcbde.

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

#bbcbde background color

This paragraph has a background color of #bbcbde.

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

#bbcbde border color

This element has a border color of #bbcbde.

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

CSS codes

.text {color:#bbcbde;}

.background {background-color:#bbcbde;}

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

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

#05080b
```
#05080b rgb(5,8,11)
```
#0c1218
```
#0c1218 rgb(12,18,24)
```
#121b26
```
#121b26 rgb(18,27,38)
```
#192533
```
#192533 rgb(25,37,51)
```
#1f2e40
```
#1f2e40 rgb(31,46,64)
```
#25384d
```
#25384d rgb(37,56,77)
```
#2c415a
```
#2c415a rgb(44,65,90)
```
#324b68
```
#324b68 rgb(50,75,104)
```
#395475
```
#395475 rgb(57,84,117)
```
#3f5e82
```
#3f5e82 rgb(63,94,130)
```
#46678f
```
#46678f rgb(70,103,143)
```
#4c719d
```
#4c719d rgb(76,113,157)
```
#527aaa
```
#527aaa rgb(82,122,170)
```

Shade Color Variation

#5f84b1
```
#5f84b1 rgb(95,132,177)
```
#6c8eb8
```
#6c8eb8 rgb(108,142,184)
```
#7999be
```
#7999be rgb(121,153,190)
```
#86a3c4
```
#86a3c4 rgb(134,163,196)
```
#93adcb
```
#93adcb rgb(147,173,203)
```
#a1b7d1
```
#a1b7d1 rgb(161,183,209)
```
#aec1d8
```
#aec1d8 rgb(174,193,216)
```
#bbcbde
```
#bbcbde rgb(187,203,222)
```
#c8d5e4
```
#c8d5e4 rgb(200,213,228)
```
#d5dfeb
```
#d5dfeb rgb(213,223,235)
```
#e3e9f1
```
#e3e9f1 rgb(227,233,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 #9cc8fd is the most saturated one.

#cbccce
```
#cbccce rgb(203,204,206)
```
#c7ccd2
```
#c7ccd2 rgb(199,204,210)
```
#c3ccd6
```
#c3ccd6 rgb(195,204,214)
```
#bfcbda
```
#bfcbda rgb(191,203,218)
```
#bbcbde
```
#bbcbde rgb(187,203,222)
```
#b7cbe2
```
#b7cbe2 rgb(183,203,226)
```
#b3cae6
```
#b3cae6 rgb(179,202,230)
```
#afcaea
```
#afcaea rgb(175,202,234)
```
#abcaee
```
#abcaee rgb(171,202,238)
```
#a8c9f1
```
#a8c9f1 rgb(168,201,241)
```
#a4c9f5
```
#a4c9f5 rgb(164,201,245)
```
#a0c9f9
```
#a0c9f9 rgb(160,201,249)
```
#9cc8fd
```
#9cc8fd rgb(156,200,253)
```

Tone Color Variation

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

#c8c8c8 Achromatopsia 0.005% of the population
#c5c9cc Atypical Achromatopsia 0.001% of the population

Dichromacy

#c9cade Protanopia 1% of men
#d4c7e1 Deuteranopia 1% of men
#bdcedc Tritanopia 0.001% of the population

Trichromacy

#c4cade Protanomaly 1% of men, 0.01% of women
#cbc8e0 Deuteranomaly 6% of men, 0.4% of women
#bccddd Tritanomaly 0.01% of the population

#bbcbde hex color

#bbcbde Color Information

#bbcbde Color Conversion

Color Schemes with #bbcbde

Alternatives to #bbcbde

#bbcbde Preview

Shades and Tints of #bbcbde

Tones of #bbcbde

Color Blindness Simulator