#bbdbf5 hex color

In a RGB color space, hex #bbdbf5 is composed of 73.3% red, 85.9% green and 96.1% blue. Whereas in a CMYK color space, it is composed of 23.7% cyan, 10.6% magenta, 0% yellow and 3.9% black. It has a hue angle of 206.9 degrees, a saturation of 74.4% and a lightness of 84.7%. #bbdbf5 color hex could be obtained by blending #ffffff with #77b7eb. Closest websafe color is: #ccccff.

♥
- f
- t
- g
- R 73
- G 86
- B 96
RGB color chart
- C 24
- M 11
- Y 0
- K 4
CMYK color chart

● #bbdbf5 color description : Very soft blue.

The hexadecimal color #bbdbf5 has RGB values of R:187, G:219, B:245 and CMYK values of C:0.24, M:0.11, Y:0, K:0.04. Its decimal value is 12311541.

Hex triplet	bbdbf5	`#bbdbf5`
RGB Decimal	187, 219, 245	`rgb(187,219,245)`
RGB Percent	73.3, 85.9, 96.1	`rgb(73.3%,85.9%,96.1%)`
CMYK	24, 11, 0, 4
HSL	206.9°, 74.4, 84.7	`hsl(206.9,74.4%,84.7%)`
HSV (or HSB)	206.9°, 23.7, 96.1
Web Safe	ccccff	`#ccccff`

CIE-LAB	85.916, -4.956, -16.188
XYZ	62.303, 67.819, 96.189
xyY	0.275, 0.3, 67.819
CIE-LCH	85.916, 16.929, 252.979
CIE-LUV	85.916, -17.522, -24.806
Hunter-Lab	82.352, -9.074, -11.605
Binary	10111011, 11011011, 11110101

#bbdbf5
```
#bbdbf5 rgb(187,219,245)
```
#f5d5bb
```
#f5d5bb rgb(245,213,187)
```

Complementary Color

#bbf5f2
```
#bbf5f2 rgb(187,245,242)
```
#bbdbf5
```
#bbdbf5 rgb(187,219,245)
```
#bbbef5
```
#bbbef5 rgb(187,190,245)
```

Analogous Color

#f5f2bb
```
#f5f2bb rgb(245,242,187)
```
#bbdbf5
```
#bbdbf5 rgb(187,219,245)
```
#f5bbbe
```
#f5bbbe rgb(245,187,190)
```

Split Complementary Color

#dbf5bb
```
#dbf5bb rgb(219,245,187)
```
#bbdbf5
```
#bbdbf5 rgb(187,219,245)
```
#f5bbdb
```
#f5bbdb rgb(245,187,219)
```

Triadic Color

#bbf5d5
```
#bbf5d5 rgb(187,245,213)
```
#bbdbf5
```
#bbdbf5 rgb(187,219,245)
```
#f5bbdb
```
#f5bbdb rgb(245,187,219)
```
#f5d5bb
```
#f5d5bb rgb(245,213,187)
```

Tetradic Color

#78b8eb
```
#78b8eb rgb(120,184,235)
```
#8fc3ee
```
#8fc3ee rgb(143,195,238)
```
#a5cff2
```
#a5cff2 rgb(165,207,242)
```
#bbdbf5
```
#bbdbf5 rgb(187,219,245)
```
#d1e7f8
```
#d1e7f8 rgb(209,231,248)
```
#e7f3fc
```
#e7f3fc rgb(231,243,252)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Monochromatic Color

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

#bbeaf5
```
#bbeaf5 rgb(187,234,245)
```
#bbe5f5
```
#bbe5f5 rgb(187,229,245)
```
#bbe0f5
```
#bbe0f5 rgb(187,224,245)
```
#bbdbf5
```
#bbdbf5 rgb(187,219,245)
```
#bbd6f5
```
#bbd6f5 rgb(187,214,245)
```
#bbd1f5
```
#bbd1f5 rgb(187,209,245)
```
#bbcdf5
```
#bbcdf5 rgb(187,205,245)
```

Similar Colors

Text with hexadecimal color #bbdbf5

This text has a font color of #bbdbf5.

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

#bbdbf5 background color

This paragraph has a background color of #bbdbf5.

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

#bbdbf5 border color

This element has a border color of #bbdbf5.

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

CSS codes

.text {color:#bbdbf5;}

.background {background-color:#bbdbf5;}

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

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

#000000
```
#000000 rgb(0,0,0)
```
#030b12
```
#030b12 rgb(3,11,18)
```
#051523
```
#051523 rgb(5,21,35)
```
#082034
```
#082034 rgb(8,32,52)
```
#0a2a45
```
#0a2a45 rgb(10,42,69)
```
#0d3556
```
#0d3556 rgb(13,53,86)
```
#0f4067
```
#0f4067 rgb(15,64,103)
```
#124a78
```
#124a78 rgb(18,74,120)
```
#145589
```
#145589 rgb(20,85,137)
```
#175f9a
```
#175f9a rgb(23,95,154)
```
#196aab
```
#196aab rgb(25,106,171)
```
#1c74bd
```
#1c74bd rgb(28,116,189)
```
#1e7fce
```
#1e7fce rgb(30,127,206)
```

Shade Color Variation

#218ade
```
#218ade rgb(33,138,222)
```
#3293e1
```
#3293e1 rgb(50,147,225)
```
#439ce3
```
#439ce3 rgb(67,156,227)
```
#54a5e6
```
#54a5e6 rgb(84,165,230)
```
#65aee8
```
#65aee8 rgb(101,174,232)
```
#77b7eb
```
#77b7eb rgb(119,183,235)
```
#88c0ed
```
#88c0ed rgb(136,192,237)
```
#99c9f0
```
#99c9f0 rgb(153,201,240)
```
#aad2f2
```
#aad2f2 rgb(170,210,242)
```
#bbdbf5
```
#bbdbf5 rgb(187,219,245)
```
#cce4f8
```
#cce4f8 rgb(204,228,248)
```
#ddedfa
```
#ddedfa rgb(221,237,250)
```
#eef6fd
```
#eef6fd rgb(238,246,253)
```

Tint Color Variation

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

#d6d8da
```
#d6d8da rgb(214,216,218)
```
#d3d9dd
```
#d3d9dd rgb(211,217,221)
```
#d0d9e0
```
#d0d9e0 rgb(208,217,224)
```
#cdd9e3
```
#cdd9e3 rgb(205,217,227)
```
#cad9e6
```
#cad9e6 rgb(202,217,230)
```
#c7dae9
```
#c7dae9 rgb(199,218,233)
```
#c4daec
```
#c4daec rgb(196,218,236)
```
#c1daef
```
#c1daef rgb(193,218,239)
```
#bedbf2
```
#bedbf2 rgb(190,219,242)
```
#bbdbf5
```
#bbdbf5 rgb(187,219,245)
```
#b8dbf8
```
#b8dbf8 rgb(184,219,248)
```
#b5dcfb
```
#b5dcfb rgb(181,220,251)
```
#b2dcfe
```
#b2dcfe rgb(178,220,254)
```

Tone Color Variation

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

#d4d4d4 Achromatopsia 0.005% of the population
#cfd5db Atypical Achromatopsia 0.001% of the population

Dichromacy

#d4d7f2 Protanopia 1% of men
#ddd4f8 Deuteranopia 1% of men
#bcdeee Tritanopia 0.001% of the population

Trichromacy

#cbd8f3 Protanomaly 1% of men, 0.01% of women
#d0d6f7 Deuteranomaly 6% of men, 0.4% of women
#bcddf0 Tritanomaly 0.01% of the population

#bbdbf5 hex color

#bbdbf5 Color Information

#bbdbf5 Color Conversion

Color Schemes with #bbdbf5

Alternatives to #bbdbf5

#bbdbf5 Preview

Shades and Tints of #bbdbf5

Tones of #bbdbf5

Color Blindness Simulator