#bbc1cd hex color

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

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

● #bbc1cd color description : Grayish blue.

The hexadecimal color #bbc1cd has RGB values of R:187, G:193, B:205 and CMYK values of C:0.09, M:0.06, Y:0, K:0.2. Its decimal value is 12304845.

Hex triplet	bbc1cd	`#bbc1cd`
RGB Decimal	187, 193, 205	`rgb(187,193,205)`
RGB Percent	73.3, 75.7, 80.4	`rgb(73.3%,75.7%,80.4%)`
CMYK	9, 6, 0, 20
HSL	220°, 15.3, 76.9	`hsl(220,15.3%,76.9%)`
HSV (or HSB)	220°, 8.8, 80.4
Web Safe	cccccc	`#cccccc`

CIE-LAB	77.941, 0.265, -6.729
XYZ	50.581, 53.112, 65.341
xyY	0.299, 0.314, 53.112
CIE-LCH	77.941, 6.734, 272.258
CIE-LUV	77.941, -3.963, -10.294
Hunter-Lab	72.878, -3.649, -2.144
Binary	10111011, 11000001, 11001101

#bbc1cd
```
#bbc1cd rgb(187,193,205)
```
#cdc7bb
```
#cdc7bb rgb(205,199,187)
```

Complementary Color

#bbcacd
```
#bbcacd rgb(187,202,205)
```
#bbc1cd
```
#bbc1cd rgb(187,193,205)
```
#bebbcd
```
#bebbcd rgb(190,187,205)
```

Analogous Color

#cacdbb
```
#cacdbb rgb(202,205,187)
```
#bbc1cd
```
#bbc1cd rgb(187,193,205)
```
#cdbebb
```
#cdbebb rgb(205,190,187)
```

Split Complementary Color

#c1cdbb
```
#c1cdbb rgb(193,205,187)
```
#bbc1cd
```
#bbc1cd rgb(187,193,205)
```
#cdbbc1
```
#cdbbc1 rgb(205,187,193)
```

Triadic Color

#bbcdc7
```
#bbcdc7 rgb(187,205,199)
```
#bbc1cd
```
#bbc1cd rgb(187,193,205)
```
#cdbbc1
```
#cdbbc1 rgb(205,187,193)
```
#cdc7bb
```
#cdc7bb rgb(205,199,187)
```

Tetradic Color

#8f99ad
```
#8f99ad rgb(143,153,173)
```
#9ea6b7
```
#9ea6b7 rgb(158,166,183)
```
#acb4c2
```
#acb4c2 rgb(172,180,194)
```
#bbc1cd
```
#bbc1cd rgb(187,193,205)
```
#caced8
```
#caced8 rgb(202,206,216)
```
#d8dce3
```
#d8dce3 rgb(216,220,227)
```
#e7e9ed
```
#e7e9ed rgb(231,233,237)
```

Monochromatic Color

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

#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)
```
#bbbecd
```
#bbbecd rgb(187,190,205)
```
#bbbdcd
```
#bbbdcd rgb(187,189,205)
```

Similar Colors

Text with hexadecimal color #bbc1cd

This text has a font color of #bbc1cd.

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

#bbc1cd background color

This paragraph has a background color of #bbc1cd.

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

#bbc1cd border color

This element has a border color of #bbc1cd.

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

CSS codes

.text {color:#bbc1cd;}

.background {background-color:#bbc1cd;}

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

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

#08090b
```
#08090b rgb(8,9,11)
```
#101216
```
#101216 rgb(16,18,22)
```
#191c22
```
#191c22 rgb(25,28,34)
```
#21252d
```
#21252d rgb(33,37,45)
```
#292e38
```
#292e38 rgb(41,46,56)
```
#323844
```
#323844 rgb(50,56,68)
```
#3a414f
```
#3a414f rgb(58,65,79)
```
#424a5a
```
#424a5a rgb(66,74,90)
```
#4b5466
```
#4b5466 rgb(75,84,102)
```
#535d71
```
#535d71 rgb(83,93,113)
```
#5b667c
```
#5b667c rgb(91,102,124)
```
#647087
```
#647087 rgb(100,112,135)
```
#6c7993
```
#6c7993 rgb(108,121,147)
```

Shade Color Variation

#77839b
```
#77839b rgb(119,131,155)
```
#828da3
```
#828da3 rgb(130,141,163)
```
#8e98ac
```
#8e98ac rgb(142,152,172)
```
#99a2b4
```
#99a2b4 rgb(153,162,180)
```
#a4acbc
```
#a4acbc rgb(164,172,188)
```
#b0b7c5
```
#b0b7c5 rgb(176,183,197)
```
#bbc1cd
```
#bbc1cd rgb(187,193,205)
```
#c6cbd5
```
#c6cbd5 rgb(198,203,213)
```
#d2d6de
```
#d2d6de rgb(210,214,222)
```
#dde0e6
```
#dde0e6 rgb(221,224,230)
```
#e8eaee
```
#e8eaee rgb(232,234,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, #c0c3c8 is the less saturated color, while #89b0ff is the most saturated one.

#c0c3c8
```
#c0c3c8 rgb(192,195,200)
```
#bbc1cd
```
#bbc1cd rgb(187,193,205)
```
#b6bfd2
```
#b6bfd2 rgb(182,191,210)
```
#b2bed6
```
#b2bed6 rgb(178,190,214)
```
#adbcdb
```
#adbcdb rgb(173,188,219)
```
#a9bbdf
```
#a9bbdf rgb(169,187,223)
```
#a4b9e4
```
#a4b9e4 rgb(164,185,228)
```
#a0b8e8
```
#a0b8e8 rgb(160,184,232)
```
#9bb6ed
```
#9bb6ed rgb(155,182,237)
```
#97b5f1
```
#97b5f1 rgb(151,181,241)
```
#92b3f6
```
#92b3f6 rgb(146,179,246)
```
#8eb2fa
```
#8eb2fa rgb(142,178,250)
```
#89b0ff
```
#89b0ff rgb(137,176,255)
```

Tone Color Variation

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

#c1c1c1 Achromatopsia 0.005% of the population
#c0c1c3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c3c2ce Protanopia 1% of men
#cfbed1 Deuteranopia 1% of men
#bec3d1 Tritanopia 0.001% of the population

Trichromacy

#c0c2ce Protanomaly 1% of men, 0.01% of women
#c8bfcf Deuteranomaly 6% of men, 0.4% of women
#bdc2d0 Tritanomaly 0.01% of the population

#bbc1cd hex color

#bbc1cd Color Information

#bbc1cd Color Conversion

Color Schemes with #bbc1cd

Alternatives to #bbc1cd

#bbc1cd Preview

Shades and Tints of #bbc1cd

Tones of #bbc1cd

Color Blindness Simulator