#bbbdd4 hex color

In a RGB color space, hex #bbbdd4 is composed of 73.3% red, 74.1% green and 83.1% blue. Whereas in a CMYK color space, it is composed of 11.8% cyan, 10.8% magenta, 0% yellow and 16.9% black. It has a hue angle of 235.2 degrees, a saturation of 22.5% and a lightness of 78.2%. #bbbdd4 color hex could be obtained by blending #ffffff with #777ba9. 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

● #bbbdd4 color description : Grayish blue.

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

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

CIE-LAB	77.109, 3.83, -11.753
XYZ	50.573, 51.713, 69.601
xyY	0.294, 0.301, 51.713
CIE-LCH	77.109, 12.361, 288.051
CIE-LUV	77.109, -2.41, -18.734
Hunter-Lab	71.912, -0.314, -7.046
Binary	10111011, 10111101, 11010100

#bbbdd4
```
#bbbdd4 rgb(187,189,212)
```
#d4d2bb
```
#d4d2bb rgb(212,210,187)
```

Complementary Color

#bbcad4
```
#bbcad4 rgb(187,202,212)
```
#bbbdd4
```
#bbbdd4 rgb(187,189,212)
```
#c6bbd4
```
#c6bbd4 rgb(198,187,212)
```

Analogous Color

#cad4bb
```
#cad4bb rgb(202,212,187)
```
#bbbdd4
```
#bbbdd4 rgb(187,189,212)
```
#d4c6bb
```
#d4c6bb rgb(212,198,187)
```

Split Complementary Color

#bdd4bb
```
#bdd4bb rgb(189,212,187)
```
#bbbdd4
```
#bbbdd4 rgb(187,189,212)
```
#d4bbbd
```
#d4bbbd rgb(212,187,189)
```

Triadic Color

#bbd4d2
```
#bbd4d2 rgb(187,212,210)
```
#bbbdd4
```
#bbbdd4 rgb(187,189,212)
```
#d4bbbd
```
#d4bbbd rgb(212,187,189)
```
#d4d2bb
```
#d4d2bb rgb(212,210,187)
```

Tetradic Color

#8c90b6
```
#8c90b6 rgb(140,144,182)
```
#9c9fc0
```
#9c9fc0 rgb(156,159,192)
```
#abaeca
```
#abaeca rgb(171,174,202)
```
#bbbdd4
```
#bbbdd4 rgb(187,189,212)
```
#cbccde
```
#cbccde rgb(203,204,222)
```
#dadbe8
```
#dadbe8 rgb(218,219,232)
```
#eaeaf2
```
#eaeaf2 rgb(234,234,242)
```

Monochromatic Color

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

#bbc3d4
```
#bbc3d4 rgb(187,195,212)
```
#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)
```

Similar Colors

Text with hexadecimal color #bbbdd4

This text has a font color of #bbbdd4.

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

#bbbdd4 background color

This paragraph has a background color of #bbbdd4.

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

#bbbdd4 border color

This element has a border color of #bbbdd4.

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

CSS codes

.text {color:#bbbdd4;}

.background {background-color:#bbbdd4;}

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

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)
```
#0a0b10
```
#0a0b10 rgb(10,11,16)
```
#12131c
```
#12131c rgb(18,19,28)
```
#191b28
```
#191b28 rgb(25,27,40)
```
#212334
```
#212334 rgb(33,35,52)
```
#292a40
```
#292a40 rgb(41,42,64)
```
#30324c
```
#30324c rgb(48,50,76)
```
#383a58
```
#383a58 rgb(56,58,88)
```
#3f4264
```
#3f4264 rgb(63,66,100)
```
#474a70
```
#474a70 rgb(71,74,112)
```
#4f527c
```
#4f527c rgb(79,82,124)
```
#565a88
```
#565a88 rgb(86,90,136)
```
#5e6294
```
#5e6294 rgb(94,98,148)
```

Shade Color Variation

#676b9f
```
#676b9f rgb(103,107,159)
```
#7377a6
```
#7377a6 rgb(115,119,166)
```
#7f83ae
```
#7f83ae rgb(127,131,174)
```
#8b8eb6
```
#8b8eb6 rgb(139,142,182)
```
#979abd
```
#979abd rgb(151,154,189)
```
#a3a6c5
```
#a3a6c5 rgb(163,166,197)
```
#afb1cc
```
#afb1cc rgb(175,177,204)
```
#bbbdd4
```
#bbbdd4 rgb(187,189,212)
```
#c7c9dc
```
#c7c9dc rgb(199,201,220)
```
#d3d4e3
```
#d3d4e3 rgb(211,212,227)
```
#dfe0eb
```
#dfe0eb rgb(223,224,235)
```
#ebecf2
```
#ebecf2 rgb(235,236,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 #9099ff is the most saturated one.

#c4c4cb
```
#c4c4cb rgb(196,196,203)
```
#bfc1d0
```
#bfc1d0 rgb(191,193,208)
```
#bbbdd4
```
#bbbdd4 rgb(187,189,212)
```
#b7b9d8
```
#b7b9d8 rgb(183,185,216)
```
#b2b6dd
```
#b2b6dd rgb(178,182,221)
```
#aeb2e1
```
#aeb2e1 rgb(174,178,225)
```
#aaafe5
```
#aaafe5 rgb(170,175,229)
```
#a6abe9
```
#a6abe9 rgb(166,171,233)
```
#a1a7ee
```
#a1a7ee rgb(161,167,238)
```
#9da4f2
```
#9da4f2 rgb(157,164,242)
```
#99a0f6
```
#99a0f6 rgb(153,160,246)
```
#959dfa
```
#959dfa rgb(149,157,250)
```
#9099ff
```
#9099ff rgb(144,153,255)
```

Tone Color Variation

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

Dichromacy

#bec0d6 Protanopia 1% of men
#c9bdd7 Deuteranopia 1% of men
#bdc1cf Tritanopia 0.001% of the population

Trichromacy

#bdbfd5 Protanomaly 1% of men, 0.01% of women
#c3bdd6 Deuteranomaly 6% of men, 0.4% of women
#bcbfd1 Tritanomaly 0.01% of the population

#bbbdd4 hex color

#bbbdd4 Color Information

#bbbdd4 Color Conversion

Color Schemes with #bbbdd4

Alternatives to #bbbdd4

#bbbdd4 Preview

Shades and Tints of #bbbdd4

Tones of #bbbdd4

Color Blindness Simulator