#bbd8ee hex color

In a RGB color space, hex #bbd8ee is composed of 73.3% red, 84.7% green and 93.3% blue. Whereas in a CMYK color space, it is composed of 21.4% cyan, 9.2% magenta, 0% yellow and 6.7% black. It has a hue angle of 205.9 degrees, a saturation of 60% and a lightness of 83.3%. #bbd8ee color hex could be obtained by blending #ffffff with #77b1dd. Closest websafe color is: #ccccff.

♥
- f
- t
- g
- R 73
- G 85
- B 93
RGB color chart
- C 21
- M 9
- Y 0
- K 7
CMYK color chart

● #bbd8ee color description : Very soft blue.

The hexadecimal color #bbd8ee has RGB values of R:187, G:216, B:238 and CMYK values of C:0.21, M:0.09, Y:0, K:0.07. Its decimal value is 12310766.

Hex triplet	bbd8ee	`#bbd8ee`
RGB Decimal	187, 216, 238	`rgb(187,216,238)`
RGB Percent	73.3, 84.7, 93.3	`rgb(73.3%,84.7%,93.3%)`
CMYK	21, 9, 0, 7
HSL	205.9°, 60, 83.3	`hsl(205.9,60%,83.3%)`
HSV (or HSB)	205.9°, 21.4, 93.3
Web Safe	ccccff	`#ccccff`

CIE-LAB	84.919, -4.94, -13.982
XYZ	60.479, 65.848, 90.408
xyY	0.279, 0.304, 65.848
CIE-LCH	84.919, 14.829, 250.541
CIE-LUV	84.919, -15.998, -21.169
Hunter-Lab	81.147, -8.971, -9.254
Binary	10111011, 11011000, 11101110

#bbd8ee
```
#bbd8ee rgb(187,216,238)
```
#eed1bb
```
#eed1bb rgb(238,209,187)
```

Complementary Color

#bbeeeb
```
#bbeeeb rgb(187,238,235)
```
#bbd8ee
```
#bbd8ee rgb(187,216,238)
```
#bbbfee
```
#bbbfee rgb(187,191,238)
```

Analogous Color

#eeebbb
```
#eeebbb rgb(238,235,187)
```
#bbd8ee
```
#bbd8ee rgb(187,216,238)
```
#eebbbf
```
#eebbbf rgb(238,187,191)
```

Split Complementary Color

#d8eebb
```
#d8eebb rgb(216,238,187)
```
#bbd8ee
```
#bbd8ee rgb(187,216,238)
```
#eebbd8
```
#eebbd8 rgb(238,187,216)
```

Triadic Color

#bbeed1
```
#bbeed1 rgb(187,238,209)
```
#bbd8ee
```
#bbd8ee rgb(187,216,238)
```
#eebbd8
```
#eebbd8 rgb(238,187,216)
```
#eed1bb
```
#eed1bb rgb(238,209,187)
```

Tetradic Color

#7eb5df
```
#7eb5df rgb(126,181,223)
```
#92c1e4
```
#92c1e4 rgb(146,193,228)
```
#a7cce9
```
#a7cce9 rgb(167,204,233)
```
#bbd8ee
```
#bbd8ee rgb(187,216,238)
```
#cfe4f3
```
#cfe4f3 rgb(207,228,243)
```
#e4eff8
```
#e4eff8 rgb(228,239,248)
```
#f8fbfd
```
#f8fbfd rgb(248,251,253)
```

Monochromatic Color

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

#bbe5ee
```
#bbe5ee rgb(187,229,238)
```
#bbe1ee
```
#bbe1ee rgb(187,225,238)
```
#bbdcee
```
#bbdcee rgb(187,220,238)
```
#bbd8ee
```
#bbd8ee rgb(187,216,238)
```
#bbd4ee
```
#bbd4ee rgb(187,212,238)
```
#bbd0ee
```
#bbd0ee rgb(187,208,238)
```
#bbcbee
```
#bbcbee rgb(187,203,238)
```

Similar Colors

Text with hexadecimal color #bbd8ee

This text has a font color of #bbd8ee.

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

#bbd8ee background color

This paragraph has a background color of #bbd8ee.

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

#bbd8ee border color

This element has a border color of #bbd8ee.

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

CSS codes

.text {color:#bbd8ee;}

.background {background-color:#bbd8ee;}

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

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, #03070a is the darkest color, while #fafcfe is the lightest one.

#03070a
```
#03070a rgb(3,7,10)
```
#07121a
```
#07121a rgb(7,18,26)
```
#0a1c2a
```
#0a1c2a rgb(10,28,42)
```
#0e273a
```
#0e273a rgb(14,39,58)
```
#123249
```
#123249 rgb(18,50,73)
```
#163c59
```
#163c59 rgb(22,60,89)
```
#1a4769
```
#1a4769 rgb(26,71,105)
```
#1e5178
```
#1e5178 rgb(30,81,120)
```
#225c88
```
#225c88 rgb(34,92,136)
```
#266798
```
#266798 rgb(38,103,152)
```
#2a71a7
```
#2a71a7 rgb(42,113,167)
```
#2e7cb7
```
#2e7cb7 rgb(46,124,183)
```
#3286c7
```
#3286c7 rgb(50,134,199)
```

Shade Color Variation

#3d90cf
```
#3d90cf rgb(61,144,207)
```
#4d99d3
```
#4d99d3 rgb(77,153,211)
```
#5da2d6
```
#5da2d6 rgb(93,162,214)
```
#6dabda
```
#6dabda rgb(109,171,218)
```
#7cb4de
```
#7cb4de rgb(124,180,222)
```
#8cbde2
```
#8cbde2 rgb(140,189,226)
```
#9cc6e6
```
#9cc6e6 rgb(156,198,230)
```
#abcfea
```
#abcfea rgb(171,207,234)
```
#bbd8ee
```
#bbd8ee rgb(187,216,238)
```
#cbe1f2
```
#cbe1f2 rgb(203,225,242)
```
#daeaf6
```
#daeaf6 rgb(218,234,246)
```
#eaf3fa
```
#eaf3fa rgb(234,243,250)
```
#fafcfe
```
#fafcfe rgb(250,252,254)
```

Tint Color Variation

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

#d2d5d7
```
#d2d5d7 rgb(210,213,215)
```
#cfd5da
```
#cfd5da rgb(207,213,218)
```
#cbd6de
```
#cbd6de rgb(203,214,222)
```
#c8d6e1
```
#c8d6e1 rgb(200,214,225)
```
#c5d7e4
```
#c5d7e4 rgb(197,215,228)
```
#c2d7e7
```
#c2d7e7 rgb(194,215,231)
```
#bed8eb
```
#bed8eb rgb(190,216,235)
```
#bbd8ee
```
#bbd8ee rgb(187,216,238)
```
#b8d8f1
```
#b8d8f1 rgb(184,216,241)
```
#b4d9f5
```
#b4d9f5 rgb(180,217,245)
```
#b1d9f8
```
#b1d9f8 rgb(177,217,248)
```
#aedafb
```
#aedafb rgb(174,218,251)
```
#abdafe
```
#abdafe rgb(171,218,254)
```

Tone Color Variation

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

#d2d2d2 Achromatopsia 0.005% of the population
#cdd3d8 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d3d4eb Protanopia 1% of men
#dcd1f1 Deuteranopia 1% of men
#bddaea Tritanopia 0.001% of the population

Trichromacy

#cad5ec Protanomaly 1% of men, 0.01% of women
#d0d3f0 Deuteranomaly 6% of men, 0.4% of women
#bcd9eb Tritanomaly 0.01% of the population

#bbd8ee hex color

#bbd8ee Color Information

#bbd8ee Color Conversion

Color Schemes with #bbd8ee

Alternatives to #bbd8ee

#bbd8ee Preview

Shades and Tints of #bbd8ee

Tones of #bbd8ee

Color Blindness Simulator