#bbd2fd hex color

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

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

● #bbd2fd color description : Very soft blue.

The hexadecimal color #bbd2fd has RGB values of R:187, G:210, B:253 and CMYK values of C:0.26, M:0.17, Y:0, K:0.01. Its decimal value is 12309245.

Hex triplet	bbd2fd	`#bbd2fd`
RGB Decimal	187, 210, 253	`rgb(187,210,253)`
RGB Percent	73.3, 82.4, 99.2	`rgb(73.3%,82.4%,99.2%)`
CMYK	26, 17, 0, 1
HSL	219.1°, 94.3, 86.3	`hsl(219.1,94.3%,86.3%)`
HSV (or HSB)	219.1°, 26.1, 99.2
Web Safe	ccccff	`#ccccff`

CIE-LAB	83.835, 1.592, -23.565
XYZ	61.266, 63.748, 102
xyY	0.27, 0.281, 63.748
CIE-LCH	83.835, 23.619, 273.865
CIE-LUV	83.835, -13.814, -37.965
Hunter-Lab	79.843, -2.755, -19.854
Binary	10111011, 11010010, 11111101

#bbd2fd
```
#bbd2fd rgb(187,210,253)
```
#fde6bb
```
#fde6bb rgb(253,230,187)
```

Complementary Color

#bbf3fd
```
#bbf3fd rgb(187,243,253)
```
#bbd2fd
```
#bbd2fd rgb(187,210,253)
```
#c5bbfd
```
#c5bbfd rgb(197,187,253)
```

Analogous Color

#f3fdbb
```
#f3fdbb rgb(243,253,187)
```
#bbd2fd
```
#bbd2fd rgb(187,210,253)
```
#fdc5bb
```
#fdc5bb rgb(253,197,187)
```

Split Complementary Color

#d2fdbb
```
#d2fdbb rgb(210,253,187)
```
#bbd2fd
```
#bbd2fd rgb(187,210,253)
```
#fdbbd2
```
#fdbbd2 rgb(253,187,210)
```

Triadic Color

#bbfde6
```
#bbfde6 rgb(187,253,230)
```
#bbd2fd
```
#bbd2fd rgb(187,210,253)
```
#fdbbd2
```
#fdbbd2 rgb(253,187,210)
```
#fde6bb
```
#fde6bb rgb(253,230,187)
```

Tetradic Color

#71a1fb
```
#71a1fb rgb(113,161,251)
```
#89b1fc
```
#89b1fc rgb(137,177,252)
```
#a2c2fc
```
#a2c2fc rgb(162,194,252)
```
#bbd2fd
```
#bbd2fd rgb(187,210,253)
```
#d4e2fe
```
#d4e2fe rgb(212,226,254)
```
#edf3fe
```
#edf3fe rgb(237,243,254)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Monochromatic Color

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

#bbe3fd
```
#bbe3fd rgb(187,227,253)
```
#bbddfd
```
#bbddfd rgb(187,221,253)
```
#bbd8fd
```
#bbd8fd rgb(187,216,253)
```
#bbd2fd
```
#bbd2fd rgb(187,210,253)
```
#bbcdfd
```
#bbcdfd rgb(187,205,253)
```
#bbc7fd
```
#bbc7fd rgb(187,199,253)
```
#bbc2fd
```
#bbc2fd rgb(187,194,253)
```

Similar Colors

Text with hexadecimal color #bbd2fd

This text has a font color of #bbd2fd.

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

#bbd2fd background color

This paragraph has a background color of #bbd2fd.

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

#bbd2fd border color

This element has a border color of #bbd2fd.

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

CSS codes

.text {color:#bbd2fd;}

.background {background-color:#bbd2fd;}

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

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

#000308
```
#000308 rgb(0,3,8)
```
#010a1b
```
#010a1b rgb(1,10,27)
```
#01112e
```
#01112e rgb(1,17,46)
```
#021841
```
#021841 rgb(2,24,65)
```
#021f54
```
#021f54 rgb(2,31,84)
```
#032667
```
#032667 rgb(3,38,103)
```
#042d7b
```
#042d7b rgb(4,45,123)
```
#04348e
```
#04348e rgb(4,52,142)
```
#053ba1
```
#053ba1 rgb(5,59,161)
```
#0542b4
```
#0542b4 rgb(5,66,180)
```
#0649c7
```
#0649c7 rgb(6,73,199)
```
#0650da
```
#0650da rgb(6,80,218)
```
#0757ed
```
#0757ed rgb(7,87,237)
```

Shade Color Variation

#1061f8
```
#1061f8 rgb(16,97,248)
```
#236df9
```
#236df9 rgb(35,109,249)
```
#367af9
```
#367af9 rgb(54,122,249)
```
#4986fa
```
#4986fa rgb(73,134,250)
```
#5c93fa
```
#5c93fa rgb(92,147,250)
```
#6fa0fb
```
#6fa0fb rgb(111,160,251)
```
#82acfb
```
#82acfb rgb(130,172,251)
```
#95b9fc
```
#95b9fc rgb(149,185,252)
```
#a8c5fc
```
#a8c5fc rgb(168,197,252)
```
#bbd2fd
```
#bbd2fd rgb(187,210,253)
```
#cedffe
```
#cedffe rgb(206,223,254)
```
#e1ebfe
```
#e1ebfe rgb(225,235,254)
```
#f4f8ff
```
#f4f8ff rgb(244,248,255)
```

Tint Color Variation

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

#dbdcdd
```
#dbdcdd rgb(219,220,221)
```
#d9dbdf
```
#d9dbdf rgb(217,219,223)
```
#d6dae2
```
#d6dae2 rgb(214,218,226)
```
#d3d9e5
```
#d3d9e5 rgb(211,217,229)
```
#d1d9e7
```
#d1d9e7 rgb(209,217,231)
```
#ced8ea
```
#ced8ea rgb(206,216,234)
```
#cbd7ed
```
#cbd7ed rgb(203,215,237)
```
#c8d6f0
```
#c8d6f0 rgb(200,214,240)
```
#c6d5f2
```
#c6d5f2 rgb(198,213,242)
```
#c3d4f5
```
#c3d4f5 rgb(195,212,245)
```
#c0d4f8
```
#c0d4f8 rgb(192,212,248)
```
#bed3fa
```
#bed3fa rgb(190,211,250)
```
#bbd2fd
```
#bbd2fd rgb(187,210,253)
```

Tone Color Variation

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

#d0d0d0 Achromatopsia 0.005% of the population
#ccd0d9 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c9d1fb Protanopia 1% of men
#cfcffe Deuteranopia 1% of men
#b9d8e7 Tritanopia 0.001% of the population

Trichromacy

#c4d1fb Protanomaly 1% of men, 0.01% of women
#c8d0fe Deuteranomaly 6% of men, 0.4% of women
#b9d5ef Tritanomaly 0.01% of the population

#bbd2fd hex color

#bbd2fd Color Information

#bbd2fd Color Conversion

Color Schemes with #bbd2fd

Alternatives to #bbd2fd

#bbd2fd Preview

Shades and Tints of #bbd2fd

Tones of #bbd2fd

Color Blindness Simulator