#bbc6dc hex color

In a RGB color space, hex #bbc6dc is composed of 73.3% red, 77.6% green and 86.3% blue. Whereas in a CMYK color space, it is composed of 15% cyan, 10% magenta, 0% yellow and 13.7% black. It has a hue angle of 220 degrees, a saturation of 32% and a lightness of 79.8%. #bbc6dc color hex could be obtained by blending #ffffff with #778db9. Closest websafe color is: #cccccc.

♥
- f
- t
- g
- R 73
- G 78
- B 86
RGB color chart
- C 15
- M 10
- Y 0
- K 14
CMYK color chart

● #bbc6dc color description : Light grayish blue.

The hexadecimal color #bbc6dc has RGB values of R:187, G:198, B:220 and CMYK values of C:0.15, M:0.1, Y:0, K:0.14. Its decimal value is 12306140.

Hex triplet	bbc6dc	`#bbc6dc`
RGB Decimal	187, 198, 220	`rgb(187,198,220)`
RGB Percent	73.3, 77.6, 86.3	`rgb(73.3%,77.6%,86.3%)`
CMYK	15, 10, 0, 14
HSL	220°, 32, 79.8	`hsl(220,32%,79.8%)`
HSV (or HSB)	220°, 15, 86.3
Web Safe	cccccc	`#cccccc`

CIE-LAB	79.682, 0.677, -12.22
XYZ	53.603, 56.12, 75.714
xyY	0.289, 0.303, 56.12
CIE-LCH	79.682, 12.239, 273.173
CIE-LUV	79.682, -7.078, -19.055
Hunter-Lab	74.913, -3.374, -7.485
Binary	10111011, 11000110, 11011100

#bbc6dc
```
#bbc6dc rgb(187,198,220)
```
#dcd1bb
```
#dcd1bb rgb(220,209,187)
```

Complementary Color

#bbd7dc
```
#bbd7dc rgb(187,215,220)
```
#bbc6dc
```
#bbc6dc rgb(187,198,220)
```
#c1bbdc
```
#c1bbdc rgb(193,187,220)
```

Analogous Color

#d7dcbb
```
#d7dcbb rgb(215,220,187)
```
#bbc6dc
```
#bbc6dc rgb(187,198,220)
```
#dcc1bb
```
#dcc1bb rgb(220,193,187)
```

Split Complementary Color

#c6dcbb
```
#c6dcbb rgb(198,220,187)
```
#bbc6dc
```
#bbc6dc rgb(187,198,220)
```
#dcbbc6
```
#dcbbc6 rgb(220,187,198)
```

Triadic Color

#bbdcd1
```
#bbdcd1 rgb(187,220,209)
```
#bbc6dc
```
#bbc6dc rgb(187,198,220)
```
#dcbbc6
```
#dcbbc6 rgb(220,187,198)
```
#dcd1bb
```
#dcd1bb rgb(220,209,187)
```

Tetradic Color

#889cc2
```
#889cc2 rgb(136,156,194)
```
#99aacb
```
#99aacb rgb(153,170,203)
```
#aab8d3
```
#aab8d3 rgb(170,184,211)
```
#bbc6dc
```
#bbc6dc rgb(187,198,220)
```
#ccd4e5
```
#ccd4e5 rgb(204,212,229)
```
#dde2ed
```
#dde2ed rgb(221,226,237)
```
#eef0f6
```
#eef0f6 rgb(238,240,246)
```

Monochromatic Color

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

#bbcedc
```
#bbcedc rgb(187,206,220)
```
#bbccdc
```
#bbccdc rgb(187,204,220)
```
#bbc9dc
```
#bbc9dc rgb(187,201,220)
```
#bbc6dc
```
#bbc6dc rgb(187,198,220)
```
#bbc3dc
```
#bbc3dc rgb(187,195,220)
```
#bbc1dc
```
#bbc1dc rgb(187,193,220)
```
#bbbedc
```
#bbbedc rgb(187,190,220)
```

Similar Colors

Text with hexadecimal color #bbc6dc

This text has a font color of #bbc6dc.

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

#bbc6dc background color

This paragraph has a background color of #bbc6dc.

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

#bbc6dc border color

This element has a border color of #bbc6dc.

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

CSS codes

.text {color:#bbc6dc;}

.background {background-color:#bbc6dc;}

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

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, #05070a is the darkest color, while #fcfcfd is the lightest one.

#05070a
```
#05070a rgb(5,7,10)
```
#0c0f17
```
#0c0f17 rgb(12,15,23)
```
#121824
```
#121824 rgb(18,24,36)
```
#192131
```
#192131 rgb(25,33,49)
```
#202a3d
```
#202a3d rgb(32,42,61)
```
#26324a
```
#26324a rgb(38,50,74)
```
#2d3b57
```
#2d3b57 rgb(45,59,87)
```
#344464
```
#344464 rgb(52,68,100)
```
#3a4d71
```
#3a4d71 rgb(58,77,113)
```
#41557e
```
#41557e rgb(65,85,126)
```
#485e8b
```
#485e8b rgb(72,94,139)
```
#4e6798
```
#4e6798 rgb(78,103,152)
```
#5570a5
```
#5570a5 rgb(85,112,165)
```

Shade Color Variation

#607aad
```
#607aad rgb(96,122,173)
```
#6d85b4
```
#6d85b4 rgb(109,133,180)
```
#7a90bb
```
#7a90bb rgb(122,144,187)
```
#879bc1
```
#879bc1 rgb(135,155,193)
```
#94a5c8
```
#94a5c8 rgb(148,165,200)
```
#a1b0cf
```
#a1b0cf rgb(161,176,207)
```
#aebbd5
```
#aebbd5 rgb(174,187,213)
```
#bbc6dc
```
#bbc6dc rgb(187,198,220)
```
#c8d1e3
```
#c8d1e3 rgb(200,209,227)
```
#d5dce9
```
#d5dce9 rgb(213,220,233)
```
#e2e7f0
```
#e2e7f0 rgb(226,231,240)
```
#eff1f7
```
#eff1f7 rgb(239,241,247)
```
#fcfcfd
```
#fcfcfd rgb(252,252,253)
```

Tint Color Variation

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

#cbcbcc
```
#cbcbcc rgb(203,203,204)
```
#c7cad0
```
#c7cad0 rgb(199,202,208)
```
#c3c9d4
```
#c3c9d4 rgb(195,201,212)
```
#bfc7d8
```
#bfc7d8 rgb(191,199,216)
```
#bbc6dc
```
#bbc6dc rgb(187,198,220)
```
#b7c5e0
```
#b7c5e0 rgb(183,197,224)
```
#b3c3e4
```
#b3c3e4 rgb(179,195,228)
```
#afc2e8
```
#afc2e8 rgb(175,194,232)
```
#abc1ec
```
#abc1ec rgb(171,193,236)
```
#a7bff0
```
#a7bff0 rgb(167,191,240)
```
#a3bef4
```
#a3bef4 rgb(163,190,244)
```
#9fbdf8
```
#9fbdf8 rgb(159,189,248)
```
#9bbbfc
```
#9bbbfc rgb(155,187,252)
```

Tone Color Variation

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

#c5c5c5 Achromatopsia 0.005% of the population
#c3c5ca Atypical Achromatopsia 0.001% of the population

Dichromacy

#c5c7dc Protanopia 1% of men
#cfc3df Deuteranopia 1% of men
#bdc9d8 Tritanopia 0.001% of the population

Trichromacy

#c1c6dc Protanomaly 1% of men, 0.01% of women
#c8c4de Deuteranomaly 6% of men, 0.4% of women
#bcc8d9 Tritanomaly 0.01% of the population

#bbc6dc hex color

#bbc6dc Color Information

#bbc6dc Color Conversion

Color Schemes with #bbc6dc

Alternatives to #bbc6dc

#bbc6dc Preview

Shades and Tints of #bbc6dc

Tones of #bbc6dc

Color Blindness Simulator