#bbbdd8 hex color

In a RGB color space, hex #bbbdd8 is composed of 73.3% red, 74.1% green and 84.7% blue. Whereas in a CMYK color space, it is composed of 13.4% cyan, 12.5% magenta, 0% yellow and 15.3% black. It has a hue angle of 235.9 degrees, a saturation of 27.1% and a lightness of 79%. #bbbdd8 color hex could be obtained by blending #ffffff with #777bb1. Closest websafe color is: #cccccc.

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

● #bbbdd8 color description : Grayish blue.

The hexadecimal color #bbbdd8 has RGB values of R:187, G:189, B:216 and CMYK values of C:0.13, M:0.13, Y:0, K:0.15. Its decimal value is 12303832.

Hex triplet	bbbdd8	`#bbbdd8`
RGB Decimal	187, 189, 216	`rgb(187,189,216)`
RGB Percent	73.3, 74.1, 84.7	`rgb(73.3%,74.1%,84.7%)`
CMYK	13, 13, 0, 15
HSL	235.9°, 27.1, 79	`hsl(235.9,27.1%,79%)`
HSV (or HSB)	235.9°, 13.4, 84.7
Web Safe	cccccc	`#cccccc`

CIE-LAB	77.231, 4.662, -13.734
XYZ	51.083, 51.918, 72.292
xyY	0.291, 0.296, 51.918
CIE-LCH	77.231, 14.503, 288.75
CIE-LUV	77.231, -2.637, -22.023
Hunter-Lab	72.054, 0.456, -9.048
Binary	10111011, 10111101, 11011000

#bbbdd8
```
#bbbdd8 rgb(187,189,216)
```
#d8d6bb
```
#d8d6bb rgb(216,214,187)
```

Complementary Color

#bbccd8
```
#bbccd8 rgb(187,204,216)
```
#bbbdd8
```
#bbbdd8 rgb(187,189,216)
```
#c8bbd8
```
#c8bbd8 rgb(200,187,216)
```

Analogous Color

#ccd8bb
```
#ccd8bb rgb(204,216,187)
```
#bbbdd8
```
#bbbdd8 rgb(187,189,216)
```
#d8c8bb
```
#d8c8bb rgb(216,200,187)
```

Split Complementary Color

#bdd8bb
```
#bdd8bb rgb(189,216,187)
```
#bbbdd8
```
#bbbdd8 rgb(187,189,216)
```
#d8bbbd
```
#d8bbbd rgb(216,187,189)
```

Triadic Color

#bbd8d6
```
#bbd8d6 rgb(187,216,214)
```
#bbbdd8
```
#bbbdd8 rgb(187,189,216)
```
#d8bbbd
```
#d8bbbd rgb(216,187,189)
```
#d8d6bb
```
#d8d6bb rgb(216,214,187)
```

Tetradic Color

#8a8ebc
```
#8a8ebc rgb(138,142,188)
```
#9b9ec5
```
#9b9ec5 rgb(155,158,197)
```
#abadcf
```
#abadcf rgb(171,173,207)
```
#bbbdd8
```
#bbbdd8 rgb(187,189,216)
```
#cbcde1
```
#cbcde1 rgb(203,205,225)
```
#dbdceb
```
#dbdceb rgb(219,220,235)
```
#ececf4
```
#ececf4 rgb(236,236,244)
```

Monochromatic Color

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

#bbc4d8
```
#bbc4d8 rgb(187,196,216)
```
#bbc2d8
```
#bbc2d8 rgb(187,194,216)
```
#bbbfd8
```
#bbbfd8 rgb(187,191,216)
```
#bbbdd8
```
#bbbdd8 rgb(187,189,216)
```
#bbbbd8
```
#bbbbd8 rgb(187,187,216)
```
#bebbd8
```
#bebbd8 rgb(190,187,216)
```
#c0bbd8
```
#c0bbd8 rgb(192,187,216)
```

Similar Colors

Text with hexadecimal color #bbbdd8

This text has a font color of #bbbdd8.

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

#bbbdd8 background color

This paragraph has a background color of #bbbdd8.

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

#bbbdd8 border color

This element has a border color of #bbbdd8.

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

CSS codes

.text {color:#bbbdd8;}

.background {background-color:#bbbdd8;}

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

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

#040407
```
#040407 rgb(4,4,7)
```
#0b0c13
```
#0b0c13 rgb(11,12,19)
```
#121320
```
#121320 rgb(18,19,32)
```
#191b2c
```
#191b2c rgb(25,27,44)
```
#202239
```
#202239 rgb(32,34,57)
```
#282a45
```
#282a45 rgb(40,42,69)
```
#2f3152
```
#2f3152 rgb(47,49,82)
```
#36395e
```
#36395e rgb(54,57,94)
```
#3d406b
```
#3d406b rgb(61,64,107)
```
#444877
```
#444877 rgb(68,72,119)
```
#4b4f83
```
#4b4f83 rgb(75,79,131)
```
#535790
```
#535790 rgb(83,87,144)
```
#5a5e9c
```
#5a5e9c rgb(90,94,156)
```

Shade Color Variation

#6468a6
```
#6468a6 rgb(100,104,166)
```
#7074ad
```
#7074ad rgb(112,116,173)
```
#7d81b4
```
#7d81b4 rgb(125,129,180)
```
#898dbb
```
#898dbb rgb(137,141,187)
```
#9699c3
```
#9699c3 rgb(150,153,195)
```
#a2a5ca
```
#a2a5ca rgb(162,165,202)
```
#afb1d1
```
#afb1d1 rgb(175,177,209)
```
#bbbdd8
```
#bbbdd8 rgb(187,189,216)
```
#c7c9df
```
#c7c9df rgb(199,201,223)
```
#d4d5e6
```
#d4d5e6 rgb(212,213,230)
```
#e0e1ed
```
#e0e1ed rgb(224,225,237)
```
#ededf5
```
#ededf5 rgb(237,237,245)
```
#f9f9fc
```
#f9f9fc rgb(249,249,252)
```

Tint Color Variation

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

#c7c8cc
```
#c7c8cc rgb(199,200,204)
```
#c3c4d0
```
#c3c4d0 rgb(195,196,208)
```
#bfc1d4
```
#bfc1d4 rgb(191,193,212)
```
#bbbdd8
```
#bbbdd8 rgb(187,189,216)
```
#b7b9dc
```
#b7b9dc rgb(183,185,220)
```
#b3b6e0
```
#b3b6e0 rgb(179,182,224)
```
#afb2e4
```
#afb2e4 rgb(175,178,228)
```
#abafe8
```
#abafe8 rgb(171,175,232)
```
#a6abed
```
#a6abed rgb(166,171,237)
```
#a2a8f1
```
#a2a8f1 rgb(162,168,241)
```
#9ea4f5
```
#9ea4f5 rgb(158,164,245)
```
#9aa1f9
```
#9aa1f9 rgb(154,161,249)
```
#969dfd
```
#969dfd rgb(150,157,253)
```

Tone Color Variation

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

Dichromacy

#bdc0da Protanopia 1% of men
#c7bddb Deuteranopia 1% of men
#bcc2d0 Tritanopia 0.001% of the population

Trichromacy

#bcbfd9 Protanomaly 1% of men, 0.01% of women
#c3bdd9 Deuteranomaly 6% of men, 0.4% of women
#bbc0d2 Tritanomaly 0.01% of the population

#bbbdd8 hex color

#bbbdd8 Color Information

#bbbdd8 Color Conversion

Color Schemes with #bbbdd8

Alternatives to #bbbdd8

#bbbdd8 Preview

Shades and Tints of #bbbdd8

Tones of #bbbdd8

Color Blindness Simulator