#bbc2d9 hex color

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

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

● #bbc2d9 color description : Light grayish blue.

The hexadecimal color #bbc2d9 has RGB values of R:187, G:194, B:217 and CMYK values of C:0.14, M:0.11, Y:0, K:0.15. Its decimal value is 12305113.

Hex triplet	bbc2d9	`#bbc2d9`
RGB Decimal	187, 194, 217	`rgb(187,194,217)`
RGB Percent	73.3, 76.1, 85.1	`rgb(73.3%,76.1%,85.1%)`
CMYK	14, 11, 0, 15
HSL	226°, 28.3, 79.2	`hsl(226,28.3%,79.2%)`
HSV (or HSB)	226°, 13.8, 85.1
Web Safe	cccccc	`#cccccc`

CIE-LAB	78.554, 2.184, -12.293
XYZ	52.307, 54.158, 73.34
xyY	0.291, 0.301, 54.158
CIE-LCH	78.554, 12.486, 280.075
CIE-LUV	78.554, -5.052, -19.376
Hunter-Lab	73.592, -1.912, -7.572
Binary	10111011, 11000010, 11011001

#bbc2d9
```
#bbc2d9 rgb(187,194,217)
```
#d9d2bb
```
#d9d2bb rgb(217,210,187)
```

Complementary Color

#bbd1d9
```
#bbd1d9 rgb(187,209,217)
```
#bbc2d9
```
#bbc2d9 rgb(187,194,217)
```
#c3bbd9
```
#c3bbd9 rgb(195,187,217)
```

Analogous Color

#d1d9bb
```
#d1d9bb rgb(209,217,187)
```
#bbc2d9
```
#bbc2d9 rgb(187,194,217)
```
#d9c3bb
```
#d9c3bb rgb(217,195,187)
```

Split Complementary Color

#c2d9bb
```
#c2d9bb rgb(194,217,187)
```
#bbc2d9
```
#bbc2d9 rgb(187,194,217)
```
#d9bbc2
```
#d9bbc2 rgb(217,187,194)
```

Triadic Color

#bbd9d2
```
#bbd9d2 rgb(187,217,210)
```
#bbc2d9
```
#bbc2d9 rgb(187,194,217)
```
#d9bbc2
```
#d9bbc2 rgb(217,187,194)
```
#d9d2bb
```
#d9d2bb rgb(217,210,187)
```

Tetradic Color

#8a96be
```
#8a96be rgb(138,150,190)
```
#9aa5c7
```
#9aa5c7 rgb(154,165,199)
```
#abb3d0
```
#abb3d0 rgb(171,179,208)
```
#bbc2d9
```
#bbc2d9 rgb(187,194,217)
```
#cbd1e2
```
#cbd1e2 rgb(203,209,226)
```
#dcdfeb
```
#dcdfeb rgb(220,223,235)
```
#eceef4
```
#eceef4 rgb(236,238,244)
```

Monochromatic Color

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

#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)
```
#bbbdd9
```
#bbbdd9 rgb(187,189,217)
```
#bcbbd9
```
#bcbbd9 rgb(188,187,217)
```

Similar Colors

Text with hexadecimal color #bbc2d9

This text has a font color of #bbc2d9.

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

#bbc2d9 background color

This paragraph has a background color of #bbc2d9.

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

#bbc2d9 border color

This element has a border color of #bbc2d9.

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

CSS codes

.text {color:#bbc2d9;}

.background {background-color:#bbc2d9;}

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

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

#040508
```
#040508 rgb(4,5,8)
```
#0b0d14
```
#0b0d14 rgb(11,13,20)
```
#121621
```
#121621 rgb(18,22,33)
```
#191e2d
```
#191e2d rgb(25,30,45)
```
#20263a
```
#20263a rgb(32,38,58)
```
#272f46
```
#272f46 rgb(39,47,70)
```
#2e3753
```
#2e3753 rgb(46,55,83)
```
#353f60
```
#353f60 rgb(53,63,96)
```
#3c486c
```
#3c486c rgb(60,72,108)
```
#435079
```
#435079 rgb(67,80,121)
```
#4b5885
```
#4b5885 rgb(75,88,133)
```
#526192
```
#526192 rgb(82,97,146)
```
#59699f
```
#59699f rgb(89,105,159)
```

Shade Color Variation

#6373a8
```
#6373a8 rgb(99,115,168)
```
#6f7eaf
```
#6f7eaf rgb(111,126,175)
```
#7c8ab6
```
#7c8ab6 rgb(124,138,182)
```
#8995bd
```
#8995bd rgb(137,149,189)
```
#95a0c4
```
#95a0c4 rgb(149,160,196)
```
#a2abcb
```
#a2abcb rgb(162,171,203)
```
#aeb7d2
```
#aeb7d2 rgb(174,183,210)
```
#bbc2d9
```
#bbc2d9 rgb(187,194,217)
```
#c8cde0
```
#c8cde0 rgb(200,205,224)
```
#d4d9e7
```
#d4d9e7 rgb(212,217,231)
```
#e1e4ee
```
#e1e4ee rgb(225,228,238)
```
#edeff5
```
#edeff5 rgb(237,239,245)
```
#fafafc
```
#fafafc rgb(250,250,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 #96aefe is the most saturated one.

#c7c9cd
```
#c7c9cd rgb(199,201,205)
```
#c3c6d1
```
#c3c6d1 rgb(195,198,209)
```
#bfc4d5
```
#bfc4d5 rgb(191,196,213)
```
#bbc2d9
```
#bbc2d9 rgb(187,194,217)
```
#b7c0dd
```
#b7c0dd rgb(183,192,221)
```
#b3bee1
```
#b3bee1 rgb(179,190,225)
```
#afbbe5
```
#afbbe5 rgb(175,187,229)
```
#abb9e9
```
#abb9e9 rgb(171,185,233)
```
#a7b7ed
```
#a7b7ed rgb(167,183,237)
```
#a3b5f1
```
#a3b5f1 rgb(163,181,241)
```
#9eb3f6
```
#9eb3f6 rgb(158,179,246)
```
#9ab1fa
```
#9ab1fa rgb(154,177,250)
```
#96aefe
```
#96aefe rgb(150,174,254)
```

Tone Color Variation

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

#c3c3c3 Achromatopsia 0.005% of the population
#c1c3c7 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c2c4da Protanopia 1% of men
#ccc0dc Deuteranopia 1% of men
#bdc6d4 Tritanopia 0.001% of the population

Trichromacy

#bfc3d9 Protanomaly 1% of men, 0.01% of women
#c6c1db Deuteranomaly 6% of men, 0.4% of women
#bcc4d6 Tritanomaly 0.01% of the population

#bbc2d9 hex color

#bbc2d9 Color Information

#bbc2d9 Color Conversion

Color Schemes with #bbc2d9

Alternatives to #bbc2d9

#bbc2d9 Preview

Shades and Tints of #bbc2d9

Tones of #bbc2d9

Color Blindness Simulator