#bbc4d5 hex color

In a RGB color space, hex #bbc4d5 is composed of 73.3% red, 76.9% green and 83.5% blue. Whereas in a CMYK color space, it is composed of 12.2% cyan, 8% magenta, 0% yellow and 16.5% black. It has a hue angle of 219.2 degrees, a saturation of 23.6% and a lightness of 78.4%. #bbc4d5 color hex could be obtained by blending #ffffff with #7789ab. Closest websafe color is: #cccccc.

♥
- f
- t
- g
- R 73
- G 77
- B 84
RGB color chart
- C 12
- M 8
- Y 0
- K 16
CMYK color chart

● #bbc4d5 color description : Grayish blue.

The hexadecimal color #bbc4d5 has RGB values of R:187, G:196, B:213 and CMYK values of C:0.12, M:0.08, Y:0, K:0.16. Its decimal value is 12305621.

Hex triplet	bbc4d5	`#bbc4d5`
RGB Decimal	187, 196, 213	`rgb(187,196,213)`
RGB Percent	73.3, 76.9, 83.5	`rgb(73.3%,76.9%,83.5%)`
CMYK	12, 8, 0, 16
HSL	219.2°, 23.6, 78.4	`hsl(219.2,23.6%,78.4%)`
HSV (or HSB)	219.2°, 12.2, 83.5
Web Safe	cccccc	`#cccccc`

CIE-LAB	78.954, 0.287, -9.541
XYZ	52.241, 54.848, 70.782
xyY	0.294, 0.308, 54.848
CIE-LCH	78.954, 9.545, 271.722
CIE-LUV	78.954, -5.804, -14.719
Hunter-Lab	74.06, -3.691, -4.824
Binary	10111011, 11000100, 11010101

#bbc4d5
```
#bbc4d5 rgb(187,196,213)
```
#d5ccbb
```
#d5ccbb rgb(213,204,187)
```

Complementary Color

#bbd1d5
```
#bbd1d5 rgb(187,209,213)
```
#bbc4d5
```
#bbc4d5 rgb(187,196,213)
```
#bfbbd5
```
#bfbbd5 rgb(191,187,213)
```

Analogous Color

#d1d5bb
```
#d1d5bb rgb(209,213,187)
```
#bbc4d5
```
#bbc4d5 rgb(187,196,213)
```
#d5bfbb
```
#d5bfbb rgb(213,191,187)
```

Split Complementary Color

#c4d5bb
```
#c4d5bb rgb(196,213,187)
```
#bbc4d5
```
#bbc4d5 rgb(187,196,213)
```
#d5bbc4
```
#d5bbc4 rgb(213,187,196)
```

Triadic Color

#bbd5cc
```
#bbd5cc rgb(187,213,204)
```
#bbc4d5
```
#bbc4d5 rgb(187,196,213)
```
#d5bbc4
```
#d5bbc4 rgb(213,187,196)
```
#d5ccbb
```
#d5ccbb rgb(213,204,187)
```

Tetradic Color

#8c9bb8
```
#8c9bb8 rgb(140,155,184)
```
#9ba9c2
```
#9ba9c2 rgb(155,169,194)
```
#abb6cb
```
#abb6cb rgb(171,182,203)
```
#bbc4d5
```
#bbc4d5 rgb(187,196,213)
```
#cbd2df
```
#cbd2df rgb(203,210,223)
```
#dbdfe8
```
#dbdfe8 rgb(219,223,232)
```
#eaedf2
```
#eaedf2 rgb(234,237,242)
```

Monochromatic Color

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

#bbcbd5
```
#bbcbd5 rgb(187,203,213)
```
#bbc8d5
```
#bbc8d5 rgb(187,200,213)
```
#bbc6d5
```
#bbc6d5 rgb(187,198,213)
```
#bbc4d5
```
#bbc4d5 rgb(187,196,213)
```
#bbc2d5
```
#bbc2d5 rgb(187,194,213)
```
#bbc0d5
```
#bbc0d5 rgb(187,192,213)
```
#bbbed5
```
#bbbed5 rgb(187,190,213)
```

Similar Colors

Text with hexadecimal color #bbc4d5

This text has a font color of #bbc4d5.

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

#bbc4d5 background color

This paragraph has a background color of #bbc4d5.

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

#bbc4d5 border color

This element has a border color of #bbc4d5.

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

CSS codes

.text {color:#bbc4d5;}

.background {background-color:#bbc4d5;}

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

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

#030405
```
#030405 rgb(3,4,5)
```
#0a0d11
```
#0a0d11 rgb(10,13,17)
```
#12161d
```
#12161d rgb(18,22,29)
```
#191f29
```
#191f29 rgb(25,31,41)
```
#212835
```
#212835 rgb(33,40,53)
```
#283141
```
#283141 rgb(40,49,65)
```
#303a4e
```
#303a4e rgb(48,58,78)
```
#37435a
```
#37435a rgb(55,67,90)
```
#3f4c66
```
#3f4c66 rgb(63,76,102)
```
#465572
```
#465572 rgb(70,85,114)
```
#4e5f7e
```
#4e5f7e rgb(78,95,126)
```
#55688a
```
#55688a rgb(85,104,138)
```
#5d7196
```
#5d7196 rgb(93,113,150)
```

Shade Color Variation

#667aa1
```
#667aa1 rgb(102,122,161)
```
#7285a8
```
#7285a8 rgb(114,133,168)
```
#7e8fb0
```
#7e8fb0 rgb(126,143,176)
```
#8a9ab7
```
#8a9ab7 rgb(138,154,183)
```
#97a4bf
```
#97a4bf rgb(151,164,191)
```
#a3afc6
```
#a3afc6 rgb(163,175,198)
```
#afb9ce
```
#afb9ce rgb(175,185,206)
```
#bbc4d5
```
#bbc4d5 rgb(187,196,213)
```
#c7cfdc
```
#c7cfdc rgb(199,207,220)
```
#d3d9e4
```
#d3d9e4 rgb(211,217,228)
```
#dfe4eb
```
#dfe4eb rgb(223,228,235)
```
#eceef3
```
#eceef3 rgb(236,238,243)
```
#f8f9fa
```
#f8f9fa rgb(248,249,250)
```

Tint Color Variation

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

#c8c8c8
```
#c8c8c8 rgb(200,200,200)
```
#c3c7cd
```
#c3c7cd rgb(195,199,205)
```
#bfc5d1
```
#bfc5d1 rgb(191,197,209)
```
#bbc4d5
```
#bbc4d5 rgb(187,196,213)
```
#b7c3d9
```
#b7c3d9 rgb(183,195,217)
```
#b3c1dd
```
#b3c1dd rgb(179,193,221)
```
#aec0e2
```
#aec0e2 rgb(174,192,226)
```
#aabfe6
```
#aabfe6 rgb(170,191,230)
```
#a6bdea
```
#a6bdea rgb(166,189,234)
```
#a2bcee
```
#a2bcee rgb(162,188,238)
```
#9dbbf3
```
#9dbbf3 rgb(157,187,243)
```
#99baf7
```
#99baf7 rgb(153,186,247)
```
#95b8fb
```
#95b8fb rgb(149,184,251)
```

Tone Color Variation

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

#c3c3c3 Achromatopsia 0.005% of the population
#c1c3c7 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c5c5d6 Protanopia 1% of men
#d0c1d9 Deuteranopia 1% of men
#bec7d5 Tritanopia 0.001% of the population

Trichromacy

#c1c4d5 Protanomaly 1% of men, 0.01% of women
#c8c2d7 Deuteranomaly 6% of men, 0.4% of women
#bdc6d5 Tritanomaly 0.01% of the population

#bbc4d5 hex color

#bbc4d5 Color Information

#bbc4d5 Color Conversion

Color Schemes with #bbc4d5

Alternatives to #bbc4d5

#bbc4d5 Preview

Shades and Tints of #bbc4d5

Tones of #bbc4d5

Color Blindness Simulator