#bbc3fd hex color

In a RGB color space, hex #bbc3fd is composed of 73.3% red, 76.5% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 26.1% cyan, 22.9% magenta, 0% yellow and 0.8% black. It has a hue angle of 232.7 degrees, a saturation of 94.3% and a lightness of 86.3%. #bbc3fd color hex could be obtained by blending #ffffff with #7787fb. Closest websafe color is: #ccccff.

♥
- f
- t
- g
- R 73
- G 76
- B 99
RGB color chart
- C 26
- M 23
- Y 0
- K 1
CMYK color chart

● #bbc3fd color description : Very soft blue.

The hexadecimal color #bbc3fd has RGB values of R:187, G:195, B:253 and CMYK values of C:0.26, M:0.23, Y:0, K:0.01. Its decimal value is 12305405.

Hex triplet	bbc3fd	`#bbc3fd`
RGB Decimal	187, 195, 253	`rgb(187,195,253)`
RGB Percent	73.3, 76.5, 99.2	`rgb(73.3%,76.5%,99.2%)`
CMYK	26, 23, 0, 1
HSL	232.7°, 94.3, 86.3	`hsl(232.7,94.3%,86.3%)`
HSV (or HSB)	232.7°, 26.1, 99.2
Web Safe	ccccff	`#ccccff`

CIE-LAB	80.003, 9.646, -29.416
XYZ	57.735, 56.686, 100.823
xyY	0.268, 0.263, 56.686
CIE-LCH	80.003, 30.957, 288.156
CIE-LUV	80.003, -7.341, -48.753
Hunter-Lab	75.29, 5.122, -26.694
Binary	10111011, 11000011, 11111101

#bbc3fd
```
#bbc3fd rgb(187,195,253)
```
#fdf5bb
```
#fdf5bb rgb(253,245,187)
```

Complementary Color

#bbe4fd
```
#bbe4fd rgb(187,228,253)
```
#bbc3fd
```
#bbc3fd rgb(187,195,253)
```
#d4bbfd
```
#d4bbfd rgb(212,187,253)
```

Analogous Color

#e4fdbb
```
#e4fdbb rgb(228,253,187)
```
#bbc3fd
```
#bbc3fd rgb(187,195,253)
```
#fdd4bb
```
#fdd4bb rgb(253,212,187)
```

Split Complementary Color

#c3fdbb
```
#c3fdbb rgb(195,253,187)
```
#bbc3fd
```
#bbc3fd rgb(187,195,253)
```
#fdbbc3
```
#fdbbc3 rgb(253,187,195)
```

Triadic Color

#bbfdf5
```
#bbfdf5 rgb(187,253,245)
```
#bbc3fd
```
#bbc3fd rgb(187,195,253)
```
#fdbbc3
```
#fdbbc3 rgb(253,187,195)
```
#fdf5bb
```
#fdf5bb rgb(253,245,187)
```

Tetradic Color

#7181fb
```
#7181fb rgb(113,129,251)
```
#8997fc
```
#8997fc rgb(137,151,252)
```
#a2adfc
```
#a2adfc rgb(162,173,252)
```
#bbc3fd
```
#bbc3fd rgb(187,195,253)
```
#d4d9fe
```
#d4d9fe rgb(212,217,254)
```
#edeffe
```
#edeffe rgb(237,239,254)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Monochromatic Color

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

#bbd4fd
```
#bbd4fd rgb(187,212,253)
```
#bbcefd
```
#bbcefd rgb(187,206,253)
```
#bbc9fd
```
#bbc9fd rgb(187,201,253)
```
#bbc3fd
```
#bbc3fd rgb(187,195,253)
```
#bbbefd
```
#bbbefd rgb(187,190,253)
```
#bebbfd
```
#bebbfd rgb(190,187,253)
```
#c4bbfd
```
#c4bbfd rgb(196,187,253)
```

Similar Colors

Text with hexadecimal color #bbc3fd

This text has a font color of #bbc3fd.

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

#bbc3fd background color

This paragraph has a background color of #bbc3fd.

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

#bbc3fd border color

This element has a border color of #bbc3fd.

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

CSS codes

.text {color:#bbc3fd;}

.background {background-color:#bbc3fd;}

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

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

#000108
```
#000108 rgb(0,1,8)
```
#01041b
```
#01041b rgb(1,4,27)
```
#01072e
```
#01072e rgb(1,7,46)
```
#020a41
```
#020a41 rgb(2,10,65)
```
#020c54
```
#020c54 rgb(2,12,84)
```
#030f67
```
#030f67 rgb(3,15,103)
```
#04127b
```
#04127b rgb(4,18,123)
```
#04158e
```
#04158e rgb(4,21,142)
```
#0518a1
```
#0518a1 rgb(5,24,161)
```
#051ab4
```
#051ab4 rgb(5,26,180)
```
#061dc7
```
#061dc7 rgb(6,29,199)
```
#0620da
```
#0620da rgb(6,32,218)
```
#0723ed
```
#0723ed rgb(7,35,237)
```

Shade Color Variation

#102cf8
```
#102cf8 rgb(16,44,248)
```
#233cf9
```
#233cf9 rgb(35,60,249)
```
#364df9
```
#364df9 rgb(54,77,249)
```
#495efa
```
#495efa rgb(73,94,250)
```
#5c6ffa
```
#5c6ffa rgb(92,111,250)
```
#6f80fb
```
#6f80fb rgb(111,128,251)
```
#8291fb
```
#8291fb rgb(130,145,251)
```
#95a1fc
```
#95a1fc rgb(149,161,252)
```
#a8b2fc
```
#a8b2fc rgb(168,178,252)
```
#bbc3fd
```
#bbc3fd rgb(187,195,253)
```
#ced4fe
```
#ced4fe rgb(206,212,254)
```
#e1e5fe
```
#e1e5fe rgb(225,229,254)
```
#f4f5ff
```
#f4f5ff rgb(244,245,255)
```

Tint Color Variation

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

#dbdbdd
```
#dbdbdd rgb(219,219,221)
```
#d9d9df
```
#d9d9df rgb(217,217,223)
```
#d6d7e2
```
#d6d7e2 rgb(214,215,226)
```
#d3d5e5
```
#d3d5e5 rgb(211,213,229)
```
#d1d3e7
```
#d1d3e7 rgb(209,211,231)
```
#ced1ea
```
#ced1ea rgb(206,209,234)
```
#cbcfed
```
#cbcfed rgb(203,207,237)
```
#c8cdf0
```
#c8cdf0 rgb(200,205,240)
```
#c6cbf2
```
#c6cbf2 rgb(198,203,242)
```
#c3c9f5
```
#c3c9f5 rgb(195,201,245)
```
#c0c7f8
```
#c0c7f8 rgb(192,199,248)
```
#bec5fa
```
#bec5fa rgb(190,197,250)
```
#bbc3fd
```
#bbc3fd rgb(187,195,253)
```

Tone Color Variation

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

#c7c7c7 Achromatopsia 0.005% of the population
#c5c6d2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#bac7fd Protanopia 1% of men
#bec6fd Deuteranopia 1% of men
#b6ccdb Tritanopia 0.001% of the population

Trichromacy

#bac5fd Protanomaly 1% of men, 0.01% of women
#bdc4fd Deuteranomaly 6% of men, 0.4% of women
#b7c9e7 Tritanomaly 0.01% of the population

#bbc3fd hex color

#bbc3fd Color Information

#bbc3fd Color Conversion

Color Schemes with #bbc3fd

Alternatives to #bbc3fd

#bbc3fd Preview

Shades and Tints of #bbc3fd

Tones of #bbc3fd

Color Blindness Simulator