#bbbcd9 hex color

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

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

● #bbbcd9 color description : Light grayish blue.

The hexadecimal color #bbbcd9 has RGB values of R:187, G:188, B:217 and CMYK values of C:0.14, M:0.13, Y:0, K:0.15. Its decimal value is 12303577.

Hex triplet	bbbcd9	`#bbbcd9`
RGB Decimal	187, 188, 217	`rgb(187,188,217)`
RGB Percent	73.3, 73.7, 85.1	`rgb(73.3%,73.7%,85.1%)`
CMYK	14, 13, 0, 15
HSL	238°, 28.3, 79.2	`hsl(238,28.3%,79.2%)`
HSV (or HSB)	238°, 13.8, 85.1
Web Safe	cccccc	`#cccccc`

CIE-LAB	77.005, 5.412, -14.614
XYZ	50.999, 51.541, 72.903
xyY	0.291, 0.294, 51.541
CIE-LCH	77.005, 15.584, 290.321
CIE-LUV	77.005, -2.223, -23.542
Hunter-Lab	71.792, 1.165, -9.954
Binary	10111011, 10111100, 11011001

#bbbcd9
```
#bbbcd9 rgb(187,188,217)
```
#d9d8bb
```
#d9d8bb rgb(217,216,187)
```

Complementary Color

#bbcbd9
```
#bbcbd9 rgb(187,203,217)
```
#bbbcd9
```
#bbbcd9 rgb(187,188,217)
```
#c9bbd9
```
#c9bbd9 rgb(201,187,217)
```

Analogous Color

#cbd9bb
```
#cbd9bb rgb(203,217,187)
```
#bbbcd9
```
#bbbcd9 rgb(187,188,217)
```
#d9c9bb
```
#d9c9bb rgb(217,201,187)
```

Split Complementary Color

#bcd9bb
```
#bcd9bb rgb(188,217,187)
```
#bbbcd9
```
#bbbcd9 rgb(187,188,217)
```
#d9bbbc
```
#d9bbbc rgb(217,187,188)
```

Triadic Color

#bbd9d8
```
#bbd9d8 rgb(187,217,216)
```
#bbbcd9
```
#bbbcd9 rgb(187,188,217)
```
#d9bbbc
```
#d9bbbc rgb(217,187,188)
```
#d9d8bb
```
#d9d8bb rgb(217,216,187)
```

Tetradic Color

#8a8cbe
```
#8a8cbe rgb(138,140,190)
```
#9a9cc7
```
#9a9cc7 rgb(154,156,199)
```
#abacd0
```
#abacd0 rgb(171,172,208)
```
#bbbcd9
```
#bbbcd9 rgb(187,188,217)
```
#cbcce2
```
#cbcce2 rgb(203,204,226)
```
#dcdceb
```
#dcdceb rgb(220,220,235)
```
#ececf4
```
#ececf4 rgb(236,236,244)
```

Monochromatic Color

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

#bbc4d9
```
#bbc4d9 rgb(187,196,217)
```
#bbc1d9
```
#bbc1d9 rgb(187,193,217)
```
#bbbfd9
```
#bbbfd9 rgb(187,191,217)
```
#bbbcd9
```
#bbbcd9 rgb(187,188,217)
```
#bdbbd9
```
#bdbbd9 rgb(189,187,217)
```
#bfbbd9
```
#bfbbd9 rgb(191,187,217)
```
#c2bbd9
```
#c2bbd9 rgb(194,187,217)
```

Similar Colors

Text with hexadecimal color #bbbcd9

This text has a font color of #bbbcd9.

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

#bbbcd9 background color

This paragraph has a background color of #bbbcd9.

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

#bbbcd9 border color

This element has a border color of #bbbcd9.

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

CSS codes

.text {color:#bbbcd9;}

.background {background-color:#bbbcd9;}

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

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

#040408
```
#040408 rgb(4,4,8)
```
#0b0c14
```
#0b0c14 rgb(11,12,20)
```
#121321
```
#121321 rgb(18,19,33)
```
#191a2d
```
#191a2d rgb(25,26,45)
```
#20213a
```
#20213a rgb(32,33,58)
```
#272846
```
#272846 rgb(39,40,70)
```
#2e3053
```
#2e3053 rgb(46,48,83)
```
#353760
```
#353760 rgb(53,55,96)
```
#3c3e6c
```
#3c3e6c rgb(60,62,108)
```
#434579
```
#434579 rgb(67,69,121)
```
#4b4c85
```
#4b4c85 rgb(75,76,133)
```
#525492
```
#525492 rgb(82,84,146)
```
#595b9f
```
#595b9f rgb(89,91,159)
```

Shade Color Variation

#6365a8
```
#6365a8 rgb(99,101,168)
```
#6f72af
```
#6f72af rgb(111,114,175)
```
#7c7eb6
```
#7c7eb6 rgb(124,126,182)
```
#898abd
```
#898abd rgb(137,138,189)
```
#9597c4
```
#9597c4 rgb(149,151,196)
```
#a2a3cb
```
#a2a3cb rgb(162,163,203)
```
#aeb0d2
```
#aeb0d2 rgb(174,176,210)
```
#bbbcd9
```
#bbbcd9 rgb(187,188,217)
```
#c8c8e0
```
#c8c8e0 rgb(200,200,224)
```
#d4d5e7
```
#d4d5e7 rgb(212,213,231)
```
#e1e1ee
```
#e1e1ee rgb(225,225,238)
```
#edeef5
```
#edeef5 rgb(237,238,245)
```
#fafafc
```
#fafafc rgb(250,250,252)
```

Tint Color Variation

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

#c7c7cd
```
#c7c7cd rgb(199,199,205)
```
#c3c4d1
```
#c3c4d1 rgb(195,196,209)
```
#bfc0d5
```
#bfc0d5 rgb(191,192,213)
```
#bbbcd9
```
#bbbcd9 rgb(187,188,217)
```
#b7b8dd
```
#b7b8dd rgb(183,184,221)
```
#b3b4e1
```
#b3b4e1 rgb(179,180,225)
```
#afb1e5
```
#afb1e5 rgb(175,177,229)
```
#abade9
```
#abade9 rgb(171,173,233)
```
#a7a9ed
```
#a7a9ed rgb(167,169,237)
```
#a3a5f1
```
#a3a5f1 rgb(163,165,241)
```
#9ea1f6
```
#9ea1f6 rgb(158,161,246)
```
#9a9efa
```
#9a9efa rgb(154,158,250)
```
#969afe
```
#969afe rgb(150,154,254)
```

Tone Color Variation

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

#bfbfbf Achromatopsia 0.005% of the population
#bebec4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#bcc0db Protanopia 1% of men
#c6bddb Deuteranopia 1% of men
#bcc1cf Tritanopia 0.001% of the population

Trichromacy

#bbbeda Protanomaly 1% of men, 0.01% of women
#c2bcda Deuteranomaly 6% of men, 0.4% of women
#bbbfd2 Tritanomaly 0.01% of the population

#bbbcd9 hex color

#bbbcd9 Color Information

#bbbcd9 Color Conversion

Color Schemes with #bbbcd9

Alternatives to #bbbcd9

#bbbcd9 Preview

Shades and Tints of #bbbcd9

Tones of #bbbcd9

Color Blindness Simulator