#bbd8ec hex color

In a RGB color space, hex #bbd8ec is composed of 73.3% red, 84.7% green and 92.5% blue. Whereas in a CMYK color space, it is composed of 20.8% cyan, 8.5% magenta, 0% yellow and 7.5% black. It has a hue angle of 204.5 degrees, a saturation of 56.3% and a lightness of 82.9%. #bbd8ec color hex could be obtained by blending #ffffff with #77b1d9. Closest websafe color is: #ccccff.

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

● #bbd8ec color description : Very soft blue.

The hexadecimal color #bbd8ec has RGB values of R:187, G:216, B:236 and CMYK values of C:0.21, M:0.08, Y:0, K:0.07. Its decimal value is 12310764.

Hex triplet	bbd8ec	`#bbd8ec`
RGB Decimal	187, 216, 236	`rgb(187,216,236)`
RGB Percent	73.3, 84.7, 92.5	`rgb(73.3%,84.7%,92.5%)`
CMYK	21, 8, 0, 7
HSL	204.5°, 56.3, 82.9	`hsl(204.5,56.3%,82.9%)`
HSV (or HSB)	204.5°, 20.8, 92.5
Web Safe	ccccff	`#ccccff`

CIE-LAB	84.859, -5.376, -13.012
XYZ	60.186, 65.731, 88.869
xyY	0.28, 0.306, 65.731
CIE-LCH	84.859, 14.079, 247.551
CIE-LUV	84.859, -15.942, -19.523
Hunter-Lab	81.075, -9.37, -8.237
Binary	10111011, 11011000, 11101100

#bbd8ec
```
#bbd8ec rgb(187,216,236)
```
#eccfbb
```
#eccfbb rgb(236,207,187)
```

Complementary Color

#bbece8
```
#bbece8 rgb(187,236,232)
```
#bbd8ec
```
#bbd8ec rgb(187,216,236)
```
#bbc0ec
```
#bbc0ec rgb(187,192,236)
```

Analogous Color

#ece8bb
```
#ece8bb rgb(236,232,187)
```
#bbd8ec
```
#bbd8ec rgb(187,216,236)
```
#ecbbc0
```
#ecbbc0 rgb(236,187,192)
```

Split Complementary Color

#d8ecbb
```
#d8ecbb rgb(216,236,187)
```
#bbd8ec
```
#bbd8ec rgb(187,216,236)
```
#ecbbd8
```
#ecbbd8 rgb(236,187,216)
```

Triadic Color

#bbeccf
```
#bbeccf rgb(187,236,207)
```
#bbd8ec
```
#bbd8ec rgb(187,216,236)
```
#ecbbd8
```
#ecbbd8 rgb(236,187,216)
```
#eccfbb
```
#eccfbb rgb(236,207,187)
```

Tetradic Color

#7fb6db
```
#7fb6db rgb(127,182,219)
```
#93c1e1
```
#93c1e1 rgb(147,193,225)
```
#a7cde6
```
#a7cde6 rgb(167,205,230)
```
#bbd8ec
```
#bbd8ec rgb(187,216,236)
```
#cfe3f2
```
#cfe3f2 rgb(207,227,242)
```
#e3eff7
```
#e3eff7 rgb(227,239,247)
```
#f7fafd
```
#f7fafd rgb(247,250,253)
```

Monochromatic Color

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

#bbe4ec
```
#bbe4ec rgb(187,228,236)
```
#bbe0ec
```
#bbe0ec rgb(187,224,236)
```
#bbdcec
```
#bbdcec rgb(187,220,236)
```
#bbd8ec
```
#bbd8ec rgb(187,216,236)
```
#bbd4ec
```
#bbd4ec rgb(187,212,236)
```
#bbd0ec
```
#bbd0ec rgb(187,208,236)
```
#bbccec
```
#bbccec rgb(187,204,236)
```

Similar Colors

Text with hexadecimal color #bbd8ec

This text has a font color of #bbd8ec.

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

#bbd8ec background color

This paragraph has a background color of #bbd8ec.

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

#bbd8ec border color

This element has a border color of #bbd8ec.

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

CSS codes

.text {color:#bbd8ec;}

.background {background-color:#bbd8ec;}

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

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

#020609
```
#020609 rgb(2,6,9)
```
#071118
```
#071118 rgb(7,17,24)
```
#0b1c27
```
#0b1c27 rgb(11,28,39)
```
#0f2737
```
#0f2737 rgb(15,39,55)
```
#143146
```
#143146 rgb(20,49,70)
```
#183c55
```
#183c55 rgb(24,60,85)
```
#1c4765
```
#1c4765 rgb(28,71,101)
```
#205274
```
#205274 rgb(32,82,116)
```
#255d83
```
#255d83 rgb(37,93,131)
```
#296893
```
#296893 rgb(41,104,147)
```
#2d72a2
```
#2d72a2 rgb(45,114,162)
```
#327db1
```
#327db1 rgb(50,125,177)
```
#3688c1
```
#3688c1 rgb(54,136,193)
```

Shade Color Variation

#4092ca
```
#4092ca rgb(64,146,202)
```
#509ace
```
#509ace rgb(80,154,206)
```
#5fa3d2
```
#5fa3d2 rgb(95,163,210)
```
#6eacd7
```
#6eacd7 rgb(110,172,215)
```
#7eb5db
```
#7eb5db rgb(126,181,219)
```
#8dbedf
```
#8dbedf rgb(141,190,223)
```
#9cc6e3
```
#9cc6e3 rgb(156,198,227)
```
#accfe8
```
#accfe8 rgb(172,207,232)
```
#bbd8ec
```
#bbd8ec rgb(187,216,236)
```
#cae1f0
```
#cae1f0 rgb(202,225,240)
```
#daeaf5
```
#daeaf5 rgb(218,234,245)
```
#e9f2f9
```
#e9f2f9 rgb(233,242,249)
```
#f8fbfd
```
#f8fbfd rgb(248,251,253)
```

Tint Color Variation

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

#d2d4d5
```
#d2d4d5 rgb(210,212,213)
```
#cfd4d8
```
#cfd4d8 rgb(207,212,216)
```
#ccd5db
```
#ccd5db rgb(204,213,219)
```
#c8d6df
```
#c8d6df rgb(200,214,223)
```
#c5d6e2
```
#c5d6e2 rgb(197,214,226)
```
#c2d7e5
```
#c2d7e5 rgb(194,215,229)
```
#bed7e9
```
#bed7e9 rgb(190,215,233)
```
#bbd8ec
```
#bbd8ec rgb(187,216,236)
```
#b8d9ef
```
#b8d9ef rgb(184,217,239)
```
#b4d9f3
```
#b4d9f3 rgb(180,217,243)
```
#b1daf6
```
#b1daf6 rgb(177,218,246)
```
#aedaf9
```
#aedaf9 rgb(174,218,249)
```
#aadbfd
```
#aadbfd rgb(170,219,253)
```

Tone Color Variation

Below, you can see how #bbd8ec 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
#cdd3d7 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d3d4e9 Protanopia 1% of men
#ddd1f0 Deuteranopia 1% of men
#bddaea Tritanopia 0.001% of the population

Trichromacy

#cad5ea Protanomaly 1% of men, 0.01% of women
#d0d3ee Deuteranomaly 6% of men, 0.4% of women
#bcd9ea Tritanomaly 0.01% of the population

#bbd8ec hex color

#bbd8ec Color Information

#bbd8ec Color Conversion

Color Schemes with #bbd8ec

Alternatives to #bbd8ec

#bbd8ec Preview

Shades and Tints of #bbd8ec

Tones of #bbd8ec

Color Blindness Simulator