#bbcdcc hex color

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

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

● #bbcdcc color description : Grayish cyan.

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

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

CIE-LAB	81.064, -6.262, -1.591
XYZ	53.222, 58.586, 65.628
xyY	0.3, 0.33, 58.586
CIE-LCH	81.064, 6.461, 194.259
CIE-LUV	81.064, -9.76, -1.333
Hunter-Lab	76.542, -9.832, 2.743
Binary	10111011, 11001101, 11001100

#bbcdcc
```
#bbcdcc rgb(187,205,204)
```
#cdbbbc
```
#cdbbbc rgb(205,187,188)
```

Complementary Color

#bbcdc3
```
#bbcdc3 rgb(187,205,195)
```
#bbcdcc
```
#bbcdcc rgb(187,205,204)
```
#bbc5cd
```
#bbc5cd rgb(187,197,205)
```

Analogous Color

#cdc3bb
```
#cdc3bb rgb(205,195,187)
```
#bbcdcc
```
#bbcdcc rgb(187,205,204)
```
#cdbbc5
```
#cdbbc5 rgb(205,187,197)
```

Split Complementary Color

#cdccbb
```
#cdccbb rgb(205,204,187)
```
#bbcdcc
```
#bbcdcc rgb(187,205,204)
```
#ccbbcd
```
#ccbbcd rgb(204,187,205)
```

Triadic Color

#bccdbb
```
#bccdbb rgb(188,205,187)
```
#bbcdcc
```
#bbcdcc rgb(187,205,204)
```
#ccbbcd
```
#ccbbcd rgb(204,187,205)
```
#cdbbbc
```
#cdbbbc rgb(205,187,188)
```

Tetradic Color

#8fadab
```
#8fadab rgb(143,173,171)
```
#9eb7b6
```
#9eb7b6 rgb(158,183,182)
```
#acc2c1
```
#acc2c1 rgb(172,194,193)
```
#bbcdcc
```
#bbcdcc rgb(187,205,204)
```
#cad8d7
```
#cad8d7 rgb(202,216,215)
```
#d8e3e2
```
#d8e3e2 rgb(216,227,226)
```
#e7eded
```
#e7eded rgb(231,237,237)
```

Monochromatic Color

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

#bbcdc8
```
#bbcdc8 rgb(187,205,200)
```
#bbcdc9
```
#bbcdc9 rgb(187,205,201)
```
#bbcdcb
```
#bbcdcb rgb(187,205,203)
```
#bbcdcc
```
#bbcdcc rgb(187,205,204)
```
#bbcdcd
```
#bbcdcd rgb(187,205,205)
```
#bbcbcd
```
#bbcbcd rgb(187,203,205)
```
#bbcacd
```
#bbcacd rgb(187,202,205)
```

Similar Colors

Text with hexadecimal color #bbcdcc

This text has a font color of #bbcdcc.

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

#bbcdcc background color

This paragraph has a background color of #bbcdcc.

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

#bbcdcc border color

This element has a border color of #bbcdcc.

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

CSS codes

.text {color:#bbcdcc;}

.background {background-color:#bbcdcc;}

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

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

#080b0b
```
#080b0b rgb(8,11,11)
```
#101616
```
#101616 rgb(16,22,22)
```
#192221
```
#192221 rgb(25,34,33)
```
#212d2c
```
#212d2c rgb(33,45,44)
```
#293838
```
#293838 rgb(41,56,56)
```
#324443
```
#324443 rgb(50,68,67)
```
#3a4f4e
```
#3a4f4e rgb(58,79,78)
```
#425a59
```
#425a59 rgb(66,90,89)
```
#4b6664
```
#4b6664 rgb(75,102,100)
```
#53716f
```
#53716f rgb(83,113,111)
```
#5b7c7a
```
#5b7c7a rgb(91,124,122)
```
#648785
```
#648785 rgb(100,135,133)
```
#6c9391
```
#6c9391 rgb(108,147,145)
```

Shade Color Variation

#779b99
```
#779b99 rgb(119,155,153)
```
#82a3a2
```
#82a3a2 rgb(130,163,162)
```
#8eacaa
```
#8eacaa rgb(142,172,170)
```
#99b4b3
```
#99b4b3 rgb(153,180,179)
```
#a4bcbb
```
#a4bcbb rgb(164,188,187)
```
#b0c5c4
```
#b0c5c4 rgb(176,197,196)
```
#bbcdcc
```
#bbcdcc rgb(187,205,204)
```
#c6d5d4
```
#c6d5d4 rgb(198,213,212)
```
#d2dedd
```
#d2dedd rgb(210,222,221)
```
#dde6e5
```
#dde6e5 rgb(221,230,229)
```
#e8eeee
```
#e8eeee rgb(232,238,238)
```
#f4f7f6
```
#f4f7f6 rgb(244,247,246)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#c0c8c8
```
#c0c8c8 rgb(192,200,200)
```
#bbcdcc
```
#bbcdcc rgb(187,205,204)
```
#b6d2d0
```
#b6d2d0 rgb(182,210,208)
```
#b2d6d4
```
#b2d6d4 rgb(178,214,212)
```
#addbd8
```
#addbd8 rgb(173,219,216)
```
#a9dfdc
```
#a9dfdc rgb(169,223,220)
```
#a4e4e0
```
#a4e4e0 rgb(164,228,224)
```
#a0e8e4
```
#a0e8e4 rgb(160,232,228)
```
#9bede8
```
#9bede8 rgb(155,237,232)
```
#97f1ec
```
#97f1ec rgb(151,241,236)
```
#92f6f0
```
#92f6f0 rgb(146,246,240)
```
#8efaf4
```
#8efaf4 rgb(142,250,244)
```
#89fff8
```
#89fff8 rgb(137,255,248)
```

Tone Color Variation

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

#c8c8c8 Achromatopsia 0.005% of the population
#c5c9c9 Atypical Achromatopsia 0.001% of the population

Dichromacy

#cfcbcc Protanopia 1% of men
#dcc6d1 Deuteranopia 1% of men
#c1cddc Tritanopia 0.001% of the population

Trichromacy

#c7cbcc Protanomaly 1% of men, 0.01% of women
#d0c8cf Deuteranomaly 6% of men, 0.4% of women
#bfcdd6 Tritanomaly 0.01% of the population

#bbcdcc hex color

#bbcdcc Color Information

#bbcdcc Color Conversion

Color Schemes with #bbcdcc

Alternatives to #bbcdcc

#bbcdcc Preview

Shades and Tints of #bbcdcc

Tones of #bbcdcc

Color Blindness Simulator