#bbc4cd hex color

In a RGB color space, hex #bbc4cd is composed of 73.3% red, 76.9% green and 80.4% blue. Whereas in a CMYK color space, it is composed of 8.8% cyan, 4.4% magenta, 0% yellow and 19.6% black. It has a hue angle of 210 degrees, a saturation of 15.3% and a lightness of 76.9%. #bbc4cd color hex could be obtained by blending #ffffff with #77899b. Closest websafe color is: #cccccc.

♥
- f
- t
- g
- R 73
- G 77
- B 80
RGB color chart
- C 9
- M 4
- Y 0
- K 20
CMYK color chart

● #bbc4cd color description : Grayish blue.

The hexadecimal color #bbc4cd has RGB values of R:187, G:196, B:205 and CMYK values of C:0.09, M:0.04, Y:0, K:0.2. Its decimal value is 12305613.

Hex triplet	bbc4cd	`#bbc4cd`
RGB Decimal	187, 196, 205	`rgb(187,196,205)`
RGB Percent	73.3, 76.9, 80.4	`rgb(73.3%,76.9%,80.4%)`
CMYK	9, 4, 0, 20
HSL	210°, 15.3, 76.9	`hsl(210,15.3%,76.9%)`
HSV (or HSB)	210°, 8.8, 80.4
Web Safe	cccccc	`#cccccc`

CIE-LAB	78.725, -1.33, -5.57
XYZ	51.251, 54.452, 65.564
xyY	0.299, 0.318, 54.452
CIE-LCH	78.725, 5.727, 256.566
CIE-LUV	78.725, -5.423, -8.248
Hunter-Lab	73.792, -5.161, -1.026
Binary	10111011, 11000100, 11001101

#bbc4cd
```
#bbc4cd rgb(187,196,205)
```
#cdc4bb
```
#cdc4bb rgb(205,196,187)
```

Complementary Color

#bbcdcd
```
#bbcdcd rgb(187,205,205)
```
#bbc4cd
```
#bbc4cd rgb(187,196,205)
```
#bbbbcd
```
#bbbbcd rgb(187,187,205)
```

Analogous Color

#cdcdbb
```
#cdcdbb rgb(205,205,187)
```
#bbc4cd
```
#bbc4cd rgb(187,196,205)
```
#cdbbbb
```
#cdbbbb rgb(205,187,187)
```

Split Complementary Color

#c4cdbb
```
#c4cdbb rgb(196,205,187)
```
#bbc4cd
```
#bbc4cd rgb(187,196,205)
```
#cdbbc4
```
#cdbbc4 rgb(205,187,196)
```

Triadic Color

#bbcdc4
```
#bbcdc4 rgb(187,205,196)
```
#bbc4cd
```
#bbc4cd rgb(187,196,205)
```
#cdbbc4
```
#cdbbc4 rgb(205,187,196)
```
#cdc4bb
```
#cdc4bb rgb(205,196,187)
```

Tetradic Color

#8f9ead
```
#8f9ead rgb(143,158,173)
```
#9eabb7
```
#9eabb7 rgb(158,171,183)
```
#acb7c2
```
#acb7c2 rgb(172,183,194)
```
#bbc4cd
```
#bbc4cd rgb(187,196,205)
```
#cad1d8
```
#cad1d8 rgb(202,209,216)
```
#d8dee3
```
#d8dee3 rgb(216,222,227)
```
#e7eaed
```
#e7eaed rgb(231,234,237)
```

Monochromatic Color

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

#bbc9cd
```
#bbc9cd rgb(187,201,205)
```
#bbc7cd
```
#bbc7cd rgb(187,199,205)
```
#bbc6cd
```
#bbc6cd rgb(187,198,205)
```
#bbc4cd
```
#bbc4cd rgb(187,196,205)
```
#bbc3cd
```
#bbc3cd rgb(187,195,205)
```
#bbc1cd
```
#bbc1cd rgb(187,193,205)
```
#bbc0cd
```
#bbc0cd rgb(187,192,205)
```

Similar Colors

Text with hexadecimal color #bbc4cd

This text has a font color of #bbc4cd.

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

#bbc4cd background color

This paragraph has a background color of #bbc4cd.

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

#bbc4cd border color

This element has a border color of #bbc4cd.

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

CSS codes

.text {color:#bbc4cd;}

.background {background-color:#bbc4cd;}

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

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, #080a0b is the darkest color, while #ffffff is the lightest one.

#080a0b
```
#080a0b rgb(8,10,11)
```
#101316
```
#101316 rgb(16,19,22)
```
#191d22
```
#191d22 rgb(25,29,34)
```
#21272d
```
#21272d rgb(33,39,45)
```
#293138
```
#293138 rgb(41,49,56)
```
#323b44
```
#323b44 rgb(50,59,68)
```
#3a454f
```
#3a454f rgb(58,69,79)
```
#424e5a
```
#424e5a rgb(66,78,90)
```
#4b5866
```
#4b5866 rgb(75,88,102)
```
#536271
```
#536271 rgb(83,98,113)
```
#5b6c7c
```
#5b6c7c rgb(91,108,124)
```
#647687
```
#647687 rgb(100,118,135)
```
#6c7f93
```
#6c7f93 rgb(108,127,147)
```

Shade Color Variation

#77899b
```
#77899b rgb(119,137,155)
```
#8293a3
```
#8293a3 rgb(130,147,163)
```
#8e9dac
```
#8e9dac rgb(142,157,172)
```
#99a7b4
```
#99a7b4 rgb(153,167,180)
```
#a4b0bc
```
#a4b0bc rgb(164,176,188)
```
#b0bac5
```
#b0bac5 rgb(176,186,197)
```
#bbc4cd
```
#bbc4cd rgb(187,196,205)
```
#c6ced5
```
#c6ced5 rgb(198,206,213)
```
#d2d8de
```
#d2d8de rgb(210,216,222)
```
#dde1e6
```
#dde1e6 rgb(221,225,230)
```
#e8ebee
```
#e8ebee rgb(232,235,238)
```
#f4f5f7
```
#f4f5f7 rgb(244,245,247)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#c0c4c8
```
#c0c4c8 rgb(192,196,200)
```
#bbc4cd
```
#bbc4cd rgb(187,196,205)
```
#b6c4d2
```
#b6c4d2 rgb(182,196,210)
```
#b2c4d6
```
#b2c4d6 rgb(178,196,214)
```
#adc4db
```
#adc4db rgb(173,196,219)
```
#a9c4df
```
#a9c4df rgb(169,196,223)
```
#a4c4e4
```
#a4c4e4 rgb(164,196,228)
```
#a0c4e8
```
#a0c4e8 rgb(160,196,232)
```
#9bc4ed
```
#9bc4ed rgb(155,196,237)
```
#97c4f1
```
#97c4f1 rgb(151,196,241)
```
#92c4f6
```
#92c4f6 rgb(146,196,246)
```
#8ec4fa
```
#8ec4fa rgb(142,196,250)
```
#89c4ff
```
#89c4ff rgb(137,196,255)
```

Tone Color Variation

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

#c2c2c2 Achromatopsia 0.005% of the population
#c1c2c4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c6c4ce Protanopia 1% of men
#d2c0d1 Deuteranopia 1% of men
#bfc6d4 Tritanopia 0.001% of the population

Trichromacy

#c2c4cd Protanomaly 1% of men, 0.01% of women
#cac1cf Deuteranomaly 6% of men, 0.4% of women
#bdc5d1 Tritanomaly 0.01% of the population

#bbc4cd hex color

#bbc4cd Color Information

#bbc4cd Color Conversion

Color Schemes with #bbc4cd

Alternatives to #bbc4cd

#bbc4cd Preview

Shades and Tints of #bbc4cd

Tones of #bbc4cd

Color Blindness Simulator