#bbbbd4 hex color

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

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

● #bbbbd4 color description : Grayish blue.

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

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

CIE-LAB	76.593, 4.909, -12.524
XYZ	50.145, 50.859, 69.459
xyY	0.294, 0.298, 50.859
CIE-LCH	76.593, 13.452, 291.402
CIE-LUV	76.593, -1.455, -20.112
Hunter-Lab	71.315, 0.71, -7.826
Binary	10111011, 10111011, 11010100

#bbbbd4
```
#bbbbd4 rgb(187,187,212)
```
#d4d4bb
```
#d4d4bb rgb(212,212,187)
```

Complementary Color

#bbc8d4
```
#bbc8d4 rgb(187,200,212)
```
#bbbbd4
```
#bbbbd4 rgb(187,187,212)
```
#c8bbd4
```
#c8bbd4 rgb(200,187,212)
```

Analogous Color

#c8d4bb
```
#c8d4bb rgb(200,212,187)
```
#bbbbd4
```
#bbbbd4 rgb(187,187,212)
```
#d4c8bb
```
#d4c8bb rgb(212,200,187)
```

Split Complementary Color

#bbd4bb
```
#bbd4bb rgb(187,212,187)
```
#bbbbd4
```
#bbbbd4 rgb(187,187,212)
```
#d4bbbb
```
#d4bbbb rgb(212,187,187)
```

Triadic Color

#bbd4d4
```
#bbd4d4 rgb(187,212,212)
```
#bbbbd4
```
#bbbbd4 rgb(187,187,212)
```
#d4bbbb
```
#d4bbbb rgb(212,187,187)
```
#d4d4bb
```
#d4d4bb rgb(212,212,187)
```

Tetradic Color

#8c8cb6
```
#8c8cb6 rgb(140,140,182)
```
#9c9cc0
```
#9c9cc0 rgb(156,156,192)
```
#ababca
```
#ababca rgb(171,171,202)
```
#bbbbd4
```
#bbbbd4 rgb(187,187,212)
```
#cbcbde
```
#cbcbde rgb(203,203,222)
```
#dadae8
```
#dadae8 rgb(218,218,232)
```
#eaeaf2
```
#eaeaf2 rgb(234,234,242)
```

Monochromatic Color

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

#bbc1d4
```
#bbc1d4 rgb(187,193,212)
```
#bbbfd4
```
#bbbfd4 rgb(187,191,212)
```
#bbbdd4
```
#bbbdd4 rgb(187,189,212)
```
#bbbbd4
```
#bbbbd4 rgb(187,187,212)
```
#bdbbd4
```
#bdbbd4 rgb(189,187,212)
```
#bfbbd4
```
#bfbbd4 rgb(191,187,212)
```
#c1bbd4
```
#c1bbd4 rgb(193,187,212)
```

Similar Colors

Text with hexadecimal color #bbbbd4

This text has a font color of #bbbbd4.

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

#bbbbd4 background color

This paragraph has a background color of #bbbbd4.

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

#bbbbd4 border color

This element has a border color of #bbbbd4.

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

CSS codes

.text {color:#bbbbd4;}

.background {background-color:#bbbbd4;}

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

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)
```
#191928
```
#191928 rgb(25,25,40)
```
#212134
```
#212134 rgb(33,33,52)
```
#292940
```
#292940 rgb(41,41,64)
```
#30304c
```
#30304c rgb(48,48,76)
```
#383858
```
#383858 rgb(56,56,88)
```
#3f3f64
```
#3f3f64 rgb(63,63,100)
```
#474770
```
#474770 rgb(71,71,112)
```
#4f4f7c
```
#4f4f7c rgb(79,79,124)
```
#565688
```
#565688 rgb(86,86,136)
```
#5e5e94
```
#5e5e94 rgb(94,94,148)
```

Shade Color Variation

#67679f
```
#67679f rgb(103,103,159)
```
#7373a6
```
#7373a6 rgb(115,115,166)
```
#7f7fae
```
#7f7fae rgb(127,127,174)
```
#8b8bb6
```
#8b8bb6 rgb(139,139,182)
```
#9797bd
```
#9797bd rgb(151,151,189)
```
#a3a3c5
```
#a3a3c5 rgb(163,163,197)
```
#afafcc
```
#afafcc rgb(175,175,204)
```
#bbbbd4
```
#bbbbd4 rgb(187,187,212)
```
#c7c7dc
```
#c7c7dc rgb(199,199,220)
```
#d3d3e3
```
#d3d3e3 rgb(211,211,227)
```
#dfdfeb
```
#dfdfeb rgb(223,223,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 #9090ff is the most saturated one.

#c4c4cb
```
#c4c4cb rgb(196,196,203)
```
#bfbfd0
```
#bfbfd0 rgb(191,191,208)
```
#bbbbd4
```
#bbbbd4 rgb(187,187,212)
```
#b7b7d8
```
#b7b7d8 rgb(183,183,216)
```
#b2b2dd
```
#b2b2dd rgb(178,178,221)
```
#aeaee1
```
#aeaee1 rgb(174,174,225)
```
#aaaae5
```
#aaaae5 rgb(170,170,229)
```
#a6a6e9
```
#a6a6e9 rgb(166,166,233)
```
#a1a1ee
```
#a1a1ee rgb(161,161,238)
```
#9d9df2
```
#9d9df2 rgb(157,157,242)
```
#9999f6
```
#9999f6 rgb(153,153,246)
```
#9595fa
```
#9595fa rgb(149,149,250)
```
#9090ff
```
#9090ff rgb(144,144,255)
```

Tone Color Variation

Below, you can see how #bbbbd4 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
#bdbdc2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#bcbfd6 Protanopia 1% of men
#c7bbd7 Deuteranopia 1% of men
#bcc0cd Tritanopia 0.001% of the population

Trichromacy

#bcbdd5 Protanomaly 1% of men, 0.01% of women
#c2bbd6 Deuteranomaly 6% of men, 0.4% of women
#bcbed0 Tritanomaly 0.01% of the population

#bbbbd4 hex color

#bbbbd4 Color Information

#bbbbd4 Color Conversion

Color Schemes with #bbbbd4

Alternatives to #bbbbd4

#bbbbd4 Preview

Shades and Tints of #bbbbd4

Tones of #bbbbd4

Color Blindness Simulator