#bbc3da hex color

In a RGB color space, hex #bbc3da is composed of 73.3% red, 76.5% green and 85.5% blue. Whereas in a CMYK color space, it is composed of 14.2% cyan, 10.6% magenta, 0% yellow and 14.5% black. It has a hue angle of 224.5 degrees, a saturation of 29.5% and a lightness of 79.4%. #bbc3da color hex could be obtained by blending #ffffff with #7787b5. Closest websafe color is: #cccccc.

♥
- f
- t
- g
- R 73
- G 76
- B 85
RGB color chart
- C 14
- M 11
- Y 0
- K 15
CMYK color chart

● #bbc3da color description : Light grayish blue.

The hexadecimal color #bbc3da has RGB values of R:187, G:195, B:218 and CMYK values of C:0.14, M:0.11, Y:0, K:0.15. Its decimal value is 12305370.

Hex triplet	bbc3da	`#bbc3da`
RGB Decimal	187, 195, 218	`rgb(187,195,218)`
RGB Percent	73.3, 76.5, 85.5	`rgb(73.3%,76.5%,85.5%)`
CMYK	14, 11, 0, 15
HSL	224.5°, 29.5, 79.4	`hsl(224.5,29.5%,79.4%)`
HSV (or HSB)	224.5°, 14.2, 85.5
Web Safe	cccccc	`#cccccc`

CIE-LAB	78.843, 1.858, -12.399
XYZ	52.661, 54.656, 74.101
xyY	0.29, 0.301, 54.656
CIE-LCH	78.843, 12.537, 278.525
CIE-LUV	78.843, -5.573, -19.503
Hunter-Lab	73.93, -2.23, -7.676
Binary	10111011, 11000011, 11011010

#bbc3da
```
#bbc3da rgb(187,195,218)
```
#dad2bb
```
#dad2bb rgb(218,210,187)
```

Complementary Color

#bbd3da
```
#bbd3da rgb(187,211,218)
```
#bbc3da
```
#bbc3da rgb(187,195,218)
```
#c3bbda
```
#c3bbda rgb(195,187,218)
```

Analogous Color

#d3dabb
```
#d3dabb rgb(211,218,187)
```
#bbc3da
```
#bbc3da rgb(187,195,218)
```
#dac3bb
```
#dac3bb rgb(218,195,187)
```

Split Complementary Color

#c3dabb
```
#c3dabb rgb(195,218,187)
```
#bbc3da
```
#bbc3da rgb(187,195,218)
```
#dabbc3
```
#dabbc3 rgb(218,187,195)
```

Triadic Color

#bbdad2
```
#bbdad2 rgb(187,218,210)
```
#bbc3da
```
#bbc3da rgb(187,195,218)
```
#dabbc3
```
#dabbc3 rgb(218,187,195)
```
#dad2bb
```
#dad2bb rgb(218,210,187)
```

Tetradic Color

#8997bf
```
#8997bf rgb(137,151,191)
```
#9aa6c8
```
#9aa6c8 rgb(154,166,200)
```
#aab4d1
```
#aab4d1 rgb(170,180,209)
```
#bbc3da
```
#bbc3da rgb(187,195,218)
```
#ccd2e3
```
#ccd2e3 rgb(204,210,227)
```
#dce0ec
```
#dce0ec rgb(220,224,236)
```
#edeff5
```
#edeff5 rgb(237,239,245)
```

Monochromatic Color

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

#bbcbda
```
#bbcbda rgb(187,203,218)
```
#bbc8da
```
#bbc8da rgb(187,200,218)
```
#bbc6da
```
#bbc6da rgb(187,198,218)
```
#bbc3da
```
#bbc3da rgb(187,195,218)
```
#bbc0da
```
#bbc0da rgb(187,192,218)
```
#bbbeda
```
#bbbeda rgb(187,190,218)
```
#bbbbda
```
#bbbbda rgb(187,187,218)
```

Similar Colors

Text with hexadecimal color #bbc3da

This text has a font color of #bbc3da.

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

#bbc3da background color

This paragraph has a background color of #bbc3da.

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

#bbc3da border color

This element has a border color of #bbc3da.

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

CSS codes

.text {color:#bbc3da;}

.background {background-color:#bbc3da;}

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

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

#040508
```
#040508 rgb(4,5,8)
```
#0b0e15
```
#0b0e15 rgb(11,14,21)
```
#121622
```
#121622 rgb(18,22,34)
```
#191f2e
```
#191f2e rgb(25,31,46)
```
#20273b
```
#20273b rgb(32,39,59)
```
#272f48
```
#272f48 rgb(39,47,72)
```
#2e3854
```
#2e3854 rgb(46,56,84)
```
#354061
```
#354061 rgb(53,64,97)
```
#3c496e
```
#3c496e rgb(60,73,110)
```
#43517b
```
#43517b rgb(67,81,123)
```
#4a5a87
```
#4a5a87 rgb(74,90,135)
```
#516294
```
#516294 rgb(81,98,148)
```
#576aa1
```
#576aa1 rgb(87,106,161)
```

Shade Color Variation

#6275aa
```
#6275aa rgb(98,117,170)
```
#6f80b1
```
#6f80b1 rgb(111,128,177)
```
#7b8bb7
```
#7b8bb7 rgb(123,139,183)
```
#8896be
```
#8896be rgb(136,150,190)
```
#95a1c5
```
#95a1c5 rgb(149,161,197)
```
#a2adcc
```
#a2adcc rgb(162,173,204)
```
#aeb8d3
```
#aeb8d3 rgb(174,184,211)
```
#bbc3da
```
#bbc3da rgb(187,195,218)
```
#c8cee1
```
#c8cee1 rgb(200,206,225)
```
#d4d9e8
```
#d4d9e8 rgb(212,217,232)
```
#e1e5ef
```
#e1e5ef rgb(225,229,239)
```
#eef0f6
```
#eef0f6 rgb(238,240,246)
```
#fbfbfd
```
#fbfbfd rgb(251,251,253)
```

Tint Color Variation

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

#c7c9ce
```
#c7c9ce rgb(199,201,206)
```
#c3c7d2
```
#c3c7d2 rgb(195,199,210)
```
#bfc5d6
```
#bfc5d6 rgb(191,197,214)
```
#bbc3da
```
#bbc3da rgb(187,195,218)
```
#b7c1de
```
#b7c1de rgb(183,193,222)
```
#b3bfe2
```
#b3bfe2 rgb(179,191,226)
```
#afbde6
```
#afbde6 rgb(175,189,230)
```
#abbbea
```
#abbbea rgb(171,187,234)
```
#a7b9ee
```
#a7b9ee rgb(167,185,238)
```
#a3b7f2
```
#a3b7f2 rgb(163,183,242)
```
#9fb5f6
```
#9fb5f6 rgb(159,181,246)
```
#9bb3fa
```
#9bb3fa rgb(155,179,250)
```
#97b1fe
```
#97b1fe rgb(151,177,254)
```

Tone Color Variation

Below, you can see how #bbc3da 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
#c1c3c8 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c3c4db Protanopia 1% of men
#cdc1dd Deuteranopia 1% of men
#bdc7d5 Tritanopia 0.001% of the population

Trichromacy

#c0c4da Protanomaly 1% of men, 0.01% of women
#c6c2dc Deuteranomaly 6% of men, 0.4% of women
#bcc5d7 Tritanomaly 0.01% of the population

#bbc3da hex color

#bbc3da Color Information

#bbc3da Color Conversion

Color Schemes with #bbc3da

Alternatives to #bbc3da

#bbc3da Preview

Shades and Tints of #bbc3da

Tones of #bbc3da

Color Blindness Simulator