#bbbcd4 hex color

In a RGB color space, hex #bbbcd4 is composed of 73.3% red, 73.7% green and 83.1% blue. Whereas in a CMYK color space, it is composed of 11.8% cyan, 11.3% magenta, 0% yellow and 16.9% black. It has a hue angle of 237.6 degrees, a saturation of 22.5% and a lightness of 78.2%. #bbbcd4 color hex could be obtained by blending #ffffff with #7779a9. Closest websafe color is: #cccccc.

♥
- f
- t
- g
- R 73
- G 74
- B 83
RGB color chart
- C 12
- M 11
- Y 0
- K 17
CMYK color chart

● #bbbcd4 color description : Grayish blue.

The hexadecimal color #bbbcd4 has RGB values of R:187, G:188, B:212 and CMYK values of C:0.12, M:0.11, Y:0, K:0.17. Its decimal value is 12303572.

Hex triplet	bbbcd4	`#bbbcd4`
RGB Decimal	187, 188, 212	`rgb(187,188,212)`
RGB Percent	73.3, 73.7, 83.1	`rgb(73.3%,73.7%,83.1%)`
CMYK	12, 11, 0, 17
HSL	237.6°, 22.5, 78.2	`hsl(237.6,22.5%,78.2%)`
HSV (or HSB)	237.6°, 11.8, 83.1
Web Safe	cccccc	`#cccccc`

CIE-LAB	76.851, 4.369, -12.139
XYZ	50.358, 51.284, 69.53
xyY	0.294, 0.3, 51.284
CIE-LCH	76.851, 12.901, 289.795
CIE-LUV	76.851, -1.932, -19.423
Hunter-Lab	71.613, 0.198, -7.436
Binary	10111011, 10111100, 11010100

#bbbcd4
```
#bbbcd4 rgb(187,188,212)
```
#d4d3bb
```
#d4d3bb rgb(212,211,187)
```

Complementary Color

#bbc9d4
```
#bbc9d4 rgb(187,201,212)
```
#bbbcd4
```
#bbbcd4 rgb(187,188,212)
```
#c7bbd4
```
#c7bbd4 rgb(199,187,212)
```

Analogous Color

#c9d4bb
```
#c9d4bb rgb(201,212,187)
```
#bbbcd4
```
#bbbcd4 rgb(187,188,212)
```
#d4c7bb
```
#d4c7bb rgb(212,199,187)
```

Split Complementary Color

#bcd4bb
```
#bcd4bb rgb(188,212,187)
```
#bbbcd4
```
#bbbcd4 rgb(187,188,212)
```
#d4bbbc
```
#d4bbbc rgb(212,187,188)
```

Triadic Color

#bbd4d3
```
#bbd4d3 rgb(187,212,211)
```
#bbbcd4
```
#bbbcd4 rgb(187,188,212)
```
#d4bbbc
```
#d4bbbc rgb(212,187,188)
```
#d4d3bb
```
#d4d3bb rgb(212,211,187)
```

Tetradic Color

#8c8eb6
```
#8c8eb6 rgb(140,142,182)
```
#9c9dc0
```
#9c9dc0 rgb(156,157,192)
```
#abadca
```
#abadca rgb(171,173,202)
```
#bbbcd4
```
#bbbcd4 rgb(187,188,212)
```
#cbcbde
```
#cbcbde rgb(203,203,222)
```
#dadbe8
```
#dadbe8 rgb(218,219,232)
```
#eaeaf2
```
#eaeaf2 rgb(234,234,242)
```

Monochromatic Color

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

#bbc2d4
```
#bbc2d4 rgb(187,194,212)
```
#bbc0d4
```
#bbc0d4 rgb(187,192,212)
```
#bbbed4
```
#bbbed4 rgb(187,190,212)
```
#bbbcd4
```
#bbbcd4 rgb(187,188,212)
```
#bcbbd4
```
#bcbbd4 rgb(188,187,212)
```
#bebbd4
```
#bebbd4 rgb(190,187,212)
```
#c0bbd4
```
#c0bbd4 rgb(192,187,212)
```

Similar Colors

Text with hexadecimal color #bbbcd4

This text has a font color of #bbbcd4.

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

#bbbcd4 background color

This paragraph has a background color of #bbbcd4.

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

#bbbcd4 border color

This element has a border color of #bbbcd4.

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

CSS codes

.text {color:#bbbcd4;}

.background {background-color:#bbbcd4;}

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

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

#030304
```
#030304 rgb(3,3,4)
```
#0a0a10
```
#0a0a10 rgb(10,10,16)
```
#12121c
```
#12121c rgb(18,18,28)
```
#191a28
```
#191a28 rgb(25,26,40)
```
#212234
```
#212234 rgb(33,34,52)
```
#292a40
```
#292a40 rgb(41,42,64)
```
#30314c
```
#30314c rgb(48,49,76)
```
#383958
```
#383958 rgb(56,57,88)
```
#3f4164
```
#3f4164 rgb(63,65,100)
```
#474970
```
#474970 rgb(71,73,112)
```
#4f507c
```
#4f507c rgb(79,80,124)
```
#565888
```
#565888 rgb(86,88,136)
```
#5e6094
```
#5e6094 rgb(94,96,148)
```

Shade Color Variation

#67699f
```
#67699f rgb(103,105,159)
```
#7375a6
```
#7375a6 rgb(115,117,166)
```
#7f81ae
```
#7f81ae rgb(127,129,174)
```
#8b8db6
```
#8b8db6 rgb(139,141,182)
```
#9798bd
```
#9798bd rgb(151,152,189)
```
#a3a4c5
```
#a3a4c5 rgb(163,164,197)
```
#afb0cc
```
#afb0cc rgb(175,176,204)
```
#bbbcd4
```
#bbbcd4 rgb(187,188,212)
```
#c7c8dc
```
#c7c8dc rgb(199,200,220)
```
#d3d4e3
```
#d3d4e3 rgb(211,212,227)
```
#dfe0eb
```
#dfe0eb rgb(223,224,235)
```
#ebebf2
```
#ebebf2 rgb(235,235,242)
```
#f7f7fa
```
#f7f7fa rgb(247,247,250)
```

Tint Color Variation

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

#c4c4cb
```
#c4c4cb rgb(196,196,203)
```
#bfc0d0
```
#bfc0d0 rgb(191,192,208)
```
#bbbcd4
```
#bbbcd4 rgb(187,188,212)
```
#b7b8d8
```
#b7b8d8 rgb(183,184,216)
```
#b2b4dd
```
#b2b4dd rgb(178,180,221)
```
#aeb0e1
```
#aeb0e1 rgb(174,176,225)
```
#aaace5
```
#aaace5 rgb(170,172,229)
```
#a6a8e9
```
#a6a8e9 rgb(166,168,233)
```
#a1a4ee
```
#a1a4ee rgb(161,164,238)
```
#9da1f2
```
#9da1f2 rgb(157,161,242)
```
#999df6
```
#999df6 rgb(153,157,246)
```
#9599fa
```
#9599fa rgb(149,153,250)
```
#9095ff
```
#9095ff rgb(144,149,255)
```

Tone Color Variation

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

#bebebe Achromatopsia 0.005% of the population
#bdbec2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#bdbfd6 Protanopia 1% of men
#c8bcd7 Deuteranopia 1% of men
#bcc0ce Tritanopia 0.001% of the population

Trichromacy

#bcbed5 Protanomaly 1% of men, 0.01% of women
#c3bcd6 Deuteranomaly 6% of men, 0.4% of women
#bcbfd0 Tritanomaly 0.01% of the population

#bbbcd4 hex color

#bbbcd4 Color Information

#bbbcd4 Color Conversion

Color Schemes with #bbbcd4

Alternatives to #bbbcd4

#bbbcd4 Preview

Shades and Tints of #bbbcd4

Tones of #bbbcd4

Color Blindness Simulator