#bbc8dd hex color

In a RGB color space, hex #bbc8dd is composed of 73.3% red, 78.4% green and 86.7% blue. Whereas in a CMYK color space, it is composed of 15.4% cyan, 9.5% magenta, 0% yellow and 13.3% black. It has a hue angle of 217.1 degrees, a saturation of 33.3% and a lightness of 80%. #bbc8dd color hex could be obtained by blending #ffffff with #7791bb. Closest websafe color is: #cccccc.

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

● #bbc8dd color description : Light grayish blue.

The hexadecimal color #bbc8dd has RGB values of R:187, G:200, B:221 and CMYK values of C:0.15, M:0.1, Y:0, K:0.13. Its decimal value is 12306653.

Hex triplet	bbc8dd	`#bbc8dd`
RGB Decimal	187, 200, 221	`rgb(187,200,221)`
RGB Percent	73.3, 78.4, 86.7	`rgb(73.3%,78.4%,86.7%)`
CMYK	15, 10, 0, 13
HSL	217.1°, 33.3, 80	`hsl(217.1,33.3%,80%)`
HSV (or HSB)	217.1°, 15.4, 86.7
Web Safe	cccccc	`#cccccc`

CIE-LAB	80.232, -0.176, -11.935
XYZ	54.196, 57.093, 76.567
xyY	0.288, 0.304, 57.093
CIE-LCH	80.232, 11.936, 269.156
CIE-LUV	80.232, -8.059, -18.48
Hunter-Lab	75.56, -4.199, -7.188
Binary	10111011, 11001000, 11011101

#bbc8dd
```
#bbc8dd rgb(187,200,221)
```
#ddd0bb
```
#ddd0bb rgb(221,208,187)
```

Complementary Color

#bbd9dd
```
#bbd9dd rgb(187,217,221)
```
#bbc8dd
```
#bbc8dd rgb(187,200,221)
```
#bfbbdd
```
#bfbbdd rgb(191,187,221)
```

Analogous Color

#d9ddbb
```
#d9ddbb rgb(217,221,187)
```
#bbc8dd
```
#bbc8dd rgb(187,200,221)
```
#ddbfbb
```
#ddbfbb rgb(221,191,187)
```

Split Complementary Color

#c8ddbb
```
#c8ddbb rgb(200,221,187)
```
#bbc8dd
```
#bbc8dd rgb(187,200,221)
```
#ddbbc8
```
#ddbbc8 rgb(221,187,200)
```

Triadic Color

#bbddd0
```
#bbddd0 rgb(187,221,208)
```
#bbc8dd
```
#bbc8dd rgb(187,200,221)
```
#ddbbc8
```
#ddbbc8 rgb(221,187,200)
```
#ddd0bb
```
#ddd0bb rgb(221,208,187)
```

Tetradic Color

#889fc4
```
#889fc4 rgb(136,159,196)
```
#99adcc
```
#99adcc rgb(153,173,204)
```
#aabad5
```
#aabad5 rgb(170,186,213)
```
#bbc8dd
```
#bbc8dd rgb(187,200,221)
```
#ccd6e6
```
#ccd6e6 rgb(204,214,230)
```
#dde4ee
```
#dde4ee rgb(221,228,238)
```
#eef1f7
```
#eef1f7 rgb(238,241,247)
```

Monochromatic Color

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

#bbd1dd
```
#bbd1dd rgb(187,209,221)
```
#bbcedd
```
#bbcedd rgb(187,206,221)
```
#bbcbdd
```
#bbcbdd rgb(187,203,221)
```
#bbc8dd
```
#bbc8dd rgb(187,200,221)
```
#bbc5dd
```
#bbc5dd rgb(187,197,221)
```
#bbc2dd
```
#bbc2dd rgb(187,194,221)
```
#bbc0dd
```
#bbc0dd rgb(187,192,221)
```

Similar Colors

Text with hexadecimal color #bbc8dd

This text has a font color of #bbc8dd.

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

#bbc8dd background color

This paragraph has a background color of #bbc8dd.

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

#bbc8dd border color

This element has a border color of #bbc8dd.

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

CSS codes

.text {color:#bbc8dd;}

.background {background-color:#bbc8dd;}

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

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

#05070a
```
#05070a rgb(5,7,10)
```
#0c1018
```
#0c1018 rgb(12,16,24)
```
#121925
```
#121925 rgb(18,25,37)
```
#192232
```
#192232 rgb(25,34,50)
```
#1f2b3f
```
#1f2b3f rgb(31,43,63)
```
#26344c
```
#26344c rgb(38,52,76)
```
#2c3d59
```
#2c3d59 rgb(44,61,89)
```
#334766
```
#334766 rgb(51,71,102)
```
#3a5073
```
#3a5073 rgb(58,80,115)
```
#405980
```
#405980 rgb(64,89,128)
```
#47628d
```
#47628d rgb(71,98,141)
```
#4d6b9a
```
#4d6b9a rgb(77,107,154)
```
#5474a7
```
#5474a7 rgb(84,116,167)
```

Shade Color Variation

#5f7eaf
```
#5f7eaf rgb(95,126,175)
```
#6d89b6
```
#6d89b6 rgb(109,137,182)
```
#7a93bc
```
#7a93bc rgb(122,147,188)
```
#879ec3
```
#879ec3 rgb(135,158,195)
```
#94a8c9
```
#94a8c9 rgb(148,168,201)
```
#a1b3d0
```
#a1b3d0 rgb(161,179,208)
```
#aebdd6
```
#aebdd6 rgb(174,189,214)
```
#bbc8dd
```
#bbc8dd rgb(187,200,221)
```
#c8d3e4
```
#c8d3e4 rgb(200,211,228)
```
#d5ddea
```
#d5ddea rgb(213,221,234)
```
#e2e8f1
```
#e2e8f1 rgb(226,232,241)
```
#eff2f7
```
#eff2f7 rgb(239,242,247)
```
#fcfdfe
```
#fcfdfe rgb(252,253,254)
```

Tint Color Variation

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

#cbcccd
```
#cbcccd rgb(203,204,205)
```
#c7cbd1
```
#c7cbd1 rgb(199,203,209)
```
#c3cad5
```
#c3cad5 rgb(195,202,213)
```
#bfc9d9
```
#bfc9d9 rgb(191,201,217)
```
#bbc8dd
```
#bbc8dd rgb(187,200,221)
```
#b7c7e1
```
#b7c7e1 rgb(183,199,225)
```
#b3c6e5
```
#b3c6e5 rgb(179,198,229)
```
#afc5e9
```
#afc5e9 rgb(175,197,233)
```
#abc4ed
```
#abc4ed rgb(171,196,237)
```
#a7c3f1
```
#a7c3f1 rgb(167,195,241)
```
#a3c2f5
```
#a3c2f5 rgb(163,194,245)
```
#a0c2f8
```
#a0c2f8 rgb(160,194,248)
```
#9cc1fc
```
#9cc1fc rgb(156,193,252)
```

Tone Color Variation

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

#c7c7c7 Achromatopsia 0.005% of the population
#c5c7cb Atypical Achromatopsia 0.001% of the population

Dichromacy

#c7c8dd Protanopia 1% of men
#d1c5e0 Deuteranopia 1% of men
#bdcbda Tritanopia 0.001% of the population

Trichromacy

#c2c8dd Protanomaly 1% of men, 0.01% of women
#c9c6df Deuteranomaly 6% of men, 0.4% of women
#bccadb Tritanomaly 0.01% of the population

#bbc8dd hex color

#bbc8dd Color Information

#bbc8dd Color Conversion

Color Schemes with #bbc8dd

Alternatives to #bbc8dd

#bbc8dd Preview

Shades and Tints of #bbc8dd

Tones of #bbc8dd

Color Blindness Simulator