#bbc2fd hex color

In a RGB color space, hex #bbc2fd is composed of 73.3% red, 76.1% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 26.1% cyan, 23.3% magenta, 0% yellow and 0.8% black. It has a hue angle of 233.6 degrees, a saturation of 94.3% and a lightness of 86.3%. #bbc2fd color hex could be obtained by blending #ffffff with #7785fb. 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

● #bbc2fd color description : Very soft blue.

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

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

CIE-LAB	79.75, 10.189, -29.804
XYZ	57.511, 56.239, 100.748
xyY	0.268, 0.262, 56.239
CIE-LCH	79.75, 31.498, 288.875
CIE-LUV	79.75, -6.913, -49.468
Hunter-Lab	74.993, 5.653, -27.157
Binary	10111011, 11000010, 11111101

#bbc2fd
```
#bbc2fd rgb(187,194,253)
```
#fdf6bb
```
#fdf6bb rgb(253,246,187)
```

Complementary Color

#bbe3fd
```
#bbe3fd rgb(187,227,253)
```
#bbc2fd
```
#bbc2fd rgb(187,194,253)
```
#d5bbfd
```
#d5bbfd rgb(213,187,253)
```

Analogous Color

#e3fdbb
```
#e3fdbb rgb(227,253,187)
```
#bbc2fd
```
#bbc2fd rgb(187,194,253)
```
#fdd5bb
```
#fdd5bb rgb(253,213,187)
```

Split Complementary Color

#c2fdbb
```
#c2fdbb rgb(194,253,187)
```
#bbc2fd
```
#bbc2fd rgb(187,194,253)
```
#fdbbc2
```
#fdbbc2 rgb(253,187,194)
```

Triadic Color

#bbfdf6
```
#bbfdf6 rgb(187,253,246)
```
#bbc2fd
```
#bbc2fd rgb(187,194,253)
```
#fdbbc2
```
#fdbbc2 rgb(253,187,194)
```
#fdf6bb
```
#fdf6bb rgb(253,246,187)
```

Tetradic Color

#717ffb
```
#717ffb rgb(113,127,251)
```
#8996fc
```
#8996fc rgb(137,150,252)
```
#a2acfc
```
#a2acfc rgb(162,172,252)
```
#bbc2fd
```
#bbc2fd rgb(187,194,253)
```
#d4d8fe
```
#d4d8fe rgb(212,216,254)
```
#edeefe
```
#edeefe rgb(237,238,254)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Monochromatic Color

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

#bbd3fd
```
#bbd3fd rgb(187,211,253)
```
#bbcdfd
```
#bbcdfd rgb(187,205,253)
```
#bbc8fd
```
#bbc8fd rgb(187,200,253)
```
#bbc2fd
```
#bbc2fd rgb(187,194,253)
```
#bbbdfd
```
#bbbdfd rgb(187,189,253)
```
#bfbbfd
```
#bfbbfd rgb(191,187,253)
```
#c5bbfd
```
#c5bbfd rgb(197,187,253)
```

Similar Colors

Text with hexadecimal color #bbc2fd

This text has a font color of #bbc2fd.

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

#bbc2fd background color

This paragraph has a background color of #bbc2fd.

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

#bbc2fd border color

This element has a border color of #bbc2fd.

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

CSS codes

.text {color:#bbc2fd;}

.background {background-color:#bbc2fd;}

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

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)
```
#01062e
```
#01062e rgb(1,6,46)
```
#020941
```
#020941 rgb(2,9,65)
```
#020b54
```
#020b54 rgb(2,11,84)
```
#030e67
```
#030e67 rgb(3,14,103)
```
#04107b
```
#04107b rgb(4,16,123)
```
#04138e
```
#04138e rgb(4,19,142)
```
#0515a1
```
#0515a1 rgb(5,21,161)
```
#0518b4
```
#0518b4 rgb(5,24,180)
```
#061ac7
```
#061ac7 rgb(6,26,199)
```
#061dda
```
#061dda rgb(6,29,218)
```
#071fed
```
#071fed rgb(7,31,237)
```

Shade Color Variation

#1028f8
```
#1028f8 rgb(16,40,248)
```
#2339f9
```
#2339f9 rgb(35,57,249)
```
#364af9
```
#364af9 rgb(54,74,249)
```
#495bfa
```
#495bfa rgb(73,91,250)
```
#5c6dfa
```
#5c6dfa rgb(92,109,250)
```
#6f7efb
```
#6f7efb rgb(111,126,251)
```
#828ffb
```
#828ffb rgb(130,143,251)
```
#95a0fc
```
#95a0fc rgb(149,160,252)
```
#a8b1fc
```
#a8b1fc rgb(168,177,252)
```
#bbc2fd
```
#bbc2fd rgb(187,194,253)
```
#ced3fe
```
#ced3fe rgb(206,211,254)
```
#e1e4fe
```
#e1e4fe rgb(225,228,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 #bbc2fd 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)
```
#c6caf2
```
#c6caf2 rgb(198,202,242)
```
#c3c8f5
```
#c3c8f5 rgb(195,200,245)
```
#c0c6f8
```
#c0c6f8 rgb(192,198,248)
```
#bec4fa
```
#bec4fa rgb(190,196,250)
```
#bbc2fd
```
#bbc2fd rgb(187,194,253)
```

Tone Color Variation

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

#b9c6fe Protanopia 1% of men
#bdc5fd Deuteranopia 1% of men
#b6cbda Tritanopia 0.001% of the population

Trichromacy

#b9c4fd Protanomaly 1% of men, 0.01% of women
#bcc4fd Deuteranomaly 6% of men, 0.4% of women
#b7c8e7 Tritanomaly 0.01% of the population

#bbc2fd hex color

#bbc2fd Color Information

#bbc2fd Color Conversion

Color Schemes with #bbc2fd

Alternatives to #bbc2fd

#bbc2fd Preview

Shades and Tints of #bbc2fd

Tones of #bbc2fd

Color Blindness Simulator