#bbdbfb hex color

In a RGB color space, hex #bbdbfb is composed of 73.3% red, 85.9% green and 98.4% blue. Whereas in a CMYK color space, it is composed of 25.5% cyan, 12.7% magenta, 0% yellow and 1.6% black. It has a hue angle of 210 degrees, a saturation of 88.9% and a lightness of 85.9%. #bbdbfb color hex could be obtained by blending #ffffff with #77b7f7. Closest websafe color is: #ccccff.

♥
- f
- t
- g
- R 73
- G 86
- B 98
RGB color chart
- C 25
- M 13
- Y 0
- K 2
CMYK color chart

● #bbdbfb color description : Very soft blue.

The hexadecimal color #bbdbfb has RGB values of R:187, G:219, B:251 and CMYK values of C:0.25, M:0.13, Y:0, K:0.02. Its decimal value is 12311547.

Hex triplet	bbdbfb	`#bbdbfb`
RGB Decimal	187, 219, 251	`rgb(187,219,251)`
RGB Percent	73.3, 85.9, 98.4	`rgb(73.3%,85.9%,98.4%)`
CMYK	25, 13, 0, 2
HSL	210°, 88.9, 85.9	`hsl(210,88.9%,85.9%)`
HSV (or HSB)	210°, 25.5, 98.4
Web Safe	ccccff	`#ccccff`

CIE-LAB	86.102, -3.605, -19.073
XYZ	63.234, 68.191, 101.092
xyY	0.272, 0.293, 68.191
CIE-LCH	86.102, 19.411, 259.296
CIE-LUV	86.102, -17.675, -29.788
Hunter-Lab	82.578, -7.826, -14.778
Binary	10111011, 11011011, 11111011

#bbdbfb
```
#bbdbfb rgb(187,219,251)
```
#fbdbbb
```
#fbdbbb rgb(251,219,187)
```

Complementary Color

#bbfbfb
```
#bbfbfb rgb(187,251,251)
```
#bbdbfb
```
#bbdbfb rgb(187,219,251)
```
#bbbbfb
```
#bbbbfb rgb(187,187,251)
```

Analogous Color

#fbfbbb
```
#fbfbbb rgb(251,251,187)
```
#bbdbfb
```
#bbdbfb rgb(187,219,251)
```
#fbbbbb
```
#fbbbbb rgb(251,187,187)
```

Split Complementary Color

#dbfbbb
```
#dbfbbb rgb(219,251,187)
```
#bbdbfb
```
#bbdbfb rgb(187,219,251)
```
#fbbbdb
```
#fbbbdb rgb(251,187,219)
```

Triadic Color

#bbfbdb
```
#bbfbdb rgb(187,251,219)
```
#bbdbfb
```
#bbdbfb rgb(187,219,251)
```
#fbbbdb
```
#fbbbdb rgb(251,187,219)
```
#fbdbbb
```
#fbdbbb rgb(251,219,187)
```

Tetradic Color

#73b5f7
```
#73b5f7 rgb(115,181,247)
```
#8bc2f8
```
#8bc2f8 rgb(139,194,248)
```
#a3cefa
```
#a3cefa rgb(163,206,250)
```
#bbdbfb
```
#bbdbfb rgb(187,219,251)
```
#d3e8fc
```
#d3e8fc rgb(211,232,252)
```
#ebf5fe
```
#ebf5fe rgb(235,245,254)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Monochromatic Color

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

#bbebfb
```
#bbebfb rgb(187,235,251)
```
#bbe6fb
```
#bbe6fb rgb(187,230,251)
```
#bbe0fb
```
#bbe0fb rgb(187,224,251)
```
#bbdbfb
```
#bbdbfb rgb(187,219,251)
```
#bbd6fb
```
#bbd6fb rgb(187,214,251)
```
#bbd0fb
```
#bbd0fb rgb(187,208,251)
```
#bbcbfb
```
#bbcbfb rgb(187,203,251)
```

Similar Colors

Text with hexadecimal color #bbdbfb

This text has a font color of #bbdbfb.

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

#bbdbfb background color

This paragraph has a background color of #bbdbfb.

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

#bbdbfb border color

This element has a border color of #bbdbfb.

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

CSS codes

.text {color:#bbdbfb;}

.background {background-color:#bbdbfb;}

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

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

#000306
```
#000306 rgb(0,3,6)
```
#010d19
```
#010d19 rgb(1,13,25)
```
#03172b
```
#03172b rgb(3,23,43)
```
#04213e
```
#04213e rgb(4,33,62)
```
#052a50
```
#052a50 rgb(5,42,80)
```
#063463
```
#063463 rgb(6,52,99)
```
#073e75
```
#073e75 rgb(7,62,117)
```
#084888
```
#084888 rgb(8,72,136)
```
#09529a
```
#09529a rgb(9,82,154)
```
#0a5cad
```
#0a5cad rgb(10,92,173)
```
#0b65bf
```
#0b65bf rgb(11,101,191)
```
#0c6fd2
```
#0c6fd2 rgb(12,111,210)
```
#0d79e4
```
#0d79e4 rgb(13,121,228)
```

Shade Color Variation

#1483f1
```
#1483f1 rgb(20,131,241)
```
#278df2
```
#278df2 rgb(39,141,242)
```
#3996f3
```
#3996f3 rgb(57,150,243)
```
#4ca0f4
```
#4ca0f4 rgb(76,160,244)
```
#5eaaf6
```
#5eaaf6 rgb(94,170,246)
```
#71b4f7
```
#71b4f7 rgb(113,180,247)
```
#83bef8
```
#83bef8 rgb(131,190,248)
```
#96c7f9
```
#96c7f9 rgb(150,199,249)
```
#a8d1fa
```
#a8d1fa rgb(168,209,250)
```
#bbdbfb
```
#bbdbfb rgb(187,219,251)
```
#cee5fc
```
#cee5fc rgb(206,229,252)
```
#e0effd
```
#e0effd rgb(224,239,253)
```
#f3f8fe
```
#f3f8fe rgb(243,248,254)
```

Tint Color Variation

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

#d9dbdd
```
#d9dbdd rgb(217,219,221)
```
#d7dbdf
```
#d7dbdf rgb(215,219,223)
```
#d4dbe2
```
#d4dbe2 rgb(212,219,226)
```
#d1dbe5
```
#d1dbe5 rgb(209,219,229)
```
#cedbe8
```
#cedbe8 rgb(206,219,232)
```
#ccdbea
```
#ccdbea rgb(204,219,234)
```
#c9dbed
```
#c9dbed rgb(201,219,237)
```
#c6dbf0
```
#c6dbf0 rgb(198,219,240)
```
#c3dbf3
```
#c3dbf3 rgb(195,219,243)
```
#c1dbf5
```
#c1dbf5 rgb(193,219,245)
```
#bedbf8
```
#bedbf8 rgb(190,219,248)
```
#bbdbfb
```
#bbdbfb rgb(187,219,251)
```
#b8dbfe
```
#b8dbfe rgb(184,219,254)
```

Tone Color Variation

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

#d5d5d5 Achromatopsia 0.005% of the population
#d0d6dd Atypical Achromatopsia 0.001% of the population

Dichromacy

#d3d7f8 Protanopia 1% of men
#dad4fe Deuteranopia 1% of men
#bbdfef Tritanopia 0.001% of the population

Trichromacy

#cad8f9 Protanomaly 1% of men, 0.01% of women
#cfd7fc Deuteranomaly 6% of men, 0.4% of women
#bbddf3 Tritanomaly 0.01% of the population

#bbdbfb hex color

#bbdbfb Color Information

#bbdbfb Color Conversion

Color Schemes with #bbdbfb

Alternatives to #bbdbfb

#bbdbfb Preview

Shades and Tints of #bbdbfb

Tones of #bbdbfb

Color Blindness Simulator