#bbd8f3 hex color

In a RGB color space, hex #bbd8f3 is composed of 73.3% red, 84.7% green and 95.3% blue. Whereas in a CMYK color space, it is composed of 23% cyan, 11.1% magenta, 0% yellow and 4.7% black. It has a hue angle of 208.9 degrees, a saturation of 70% and a lightness of 84.3%. #bbd8f3 color hex could be obtained by blending #ffffff with #77b1e7. Closest websafe color is: #ccccff.

♥
- f
- t
- g
- R 73
- G 85
- B 95
RGB color chart
- C 23
- M 11
- Y 0
- K 5
CMYK color chart

● #bbd8f3 color description : Very soft blue.

The hexadecimal color #bbd8f3 has RGB values of R:187, G:216, B:243 and CMYK values of C:0.23, M:0.11, Y:0, K:0.05. Its decimal value is 12310771.

Hex triplet	bbd8f3	`#bbd8f3`
RGB Decimal	187, 216, 243	`rgb(187,216,243)`
RGB Percent	73.3, 84.7, 95.3	`rgb(73.3%,84.7%,95.3%)`
CMYK	23, 11, 0, 5
HSL	208.9°, 70, 84.3	`hsl(208.9,70%,84.3%)`
HSV (or HSB)	208.9°, 23, 95.3
Web Safe	ccccff	`#ccccff`

CIE-LAB	85.071, -3.837, -16.401
XYZ	61.224, 66.146, 94.331
xyY	0.276, 0.298, 66.146
CIE-LCH	85.071, 16.843, 256.834
CIE-LUV	85.071, -16.137, -25.3
Hunter-Lab	81.33, -7.957, -11.836
Binary	10111011, 11011000, 11110011

#bbd8f3
```
#bbd8f3 rgb(187,216,243)
```
#f3d6bb
```
#f3d6bb rgb(243,214,187)
```

Complementary Color

#bbf3f2
```
#bbf3f2 rgb(187,243,242)
```
#bbd8f3
```
#bbd8f3 rgb(187,216,243)
```
#bbbcf3
```
#bbbcf3 rgb(187,188,243)
```

Analogous Color

#f3f2bb
```
#f3f2bb rgb(243,242,187)
```
#bbd8f3
```
#bbd8f3 rgb(187,216,243)
```
#f3bbbc
```
#f3bbbc rgb(243,187,188)
```

Split Complementary Color

#d8f3bb
```
#d8f3bb rgb(216,243,187)
```
#bbd8f3
```
#bbd8f3 rgb(187,216,243)
```
#f3bbd8
```
#f3bbd8 rgb(243,187,216)
```

Triadic Color

#bbf3d6
```
#bbf3d6 rgb(187,243,214)
```
#bbd8f3
```
#bbd8f3 rgb(187,216,243)
```
#f3bbd8
```
#f3bbd8 rgb(243,187,216)
```
#f3d6bb
```
#f3d6bb rgb(243,214,187)
```

Tetradic Color

#7ab3e8
```
#7ab3e8 rgb(122,179,232)
```
#90bfeb
```
#90bfeb rgb(144,191,235)
```
#a5ccef
```
#a5ccef rgb(165,204,239)
```
#bbd8f3
```
#bbd8f3 rgb(187,216,243)
```
#d1e4f7
```
#d1e4f7 rgb(209,228,247)
```
#e6f1fb
```
#e6f1fb rgb(230,241,251)
```
#fcfdfe
```
#fcfdfe rgb(252,253,254)
```

Monochromatic Color

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

#bbe6f3
```
#bbe6f3 rgb(187,230,243)
```
#bbe1f3
```
#bbe1f3 rgb(187,225,243)
```
#bbddf3
```
#bbddf3 rgb(187,221,243)
```
#bbd8f3
```
#bbd8f3 rgb(187,216,243)
```
#bbd3f3
```
#bbd3f3 rgb(187,211,243)
```
#bbcff3
```
#bbcff3 rgb(187,207,243)
```
#bbcaf3
```
#bbcaf3 rgb(187,202,243)
```

Similar Colors

Text with hexadecimal color #bbd8f3

This text has a font color of #bbd8f3.

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

#bbd8f3 background color

This paragraph has a background color of #bbd8f3.

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

#bbd8f3 border color

This element has a border color of #bbd8f3.

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

CSS codes

.text {color:#bbd8f3;}

.background {background-color:#bbd8f3;}

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

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, #03090f is the darkest color, while #fefeff is the lightest one.

#03090f
```
#03090f rgb(3,9,15)
```
#061320
```
#061320 rgb(6,19,32)
```
#091d31
```
#091d31 rgb(9,29,49)
```
#0c2741
```
#0c2741 rgb(12,39,65)
```
#0e3152
```
#0e3152 rgb(14,49,82)
```
#113c63
```
#113c63 rgb(17,60,99)
```
#144673
```
#144673 rgb(20,70,115)
```
#175084
```
#175084 rgb(23,80,132)
```
#1a5a95
```
#1a5a95 rgb(26,90,149)
```
#1d64a5
```
#1d64a5 rgb(29,100,165)
```
#206eb6
```
#206eb6 rgb(32,110,182)
```
#2378c7
```
#2378c7 rgb(35,120,199)
```
#2682d7
```
#2682d7 rgb(38,130,215)
```

Shade Color Variation

#368cdb
```
#368cdb rgb(54,140,219)
```
#4695de
```
#4695de rgb(70,149,222)
```
#579fe1
```
#579fe1 rgb(87,159,225)
```
#68a8e4
```
#68a8e4 rgb(104,168,228)
```
#78b2e7
```
#78b2e7 rgb(120,178,231)
```
#89bbea
```
#89bbea rgb(137,187,234)
```
#9ac5ed
```
#9ac5ed rgb(154,197,237)
```
#aacef0
```
#aacef0 rgb(170,206,240)
```
#bbd8f3
```
#bbd8f3 rgb(187,216,243)
```
#cce2f6
```
#cce2f6 rgb(204,226,246)
```
#dcebf9
```
#dcebf9 rgb(220,235,249)
```
#edf5fc
```
#edf5fc rgb(237,245,252)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

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

#d7d7d7
```
#d7d7d7 rgb(215,215,215)
```
#d4d7da
```
#d4d7da rgb(212,215,218)
```
#d1d7dd
```
#d1d7dd rgb(209,215,221)
```
#cdd7e1
```
#cdd7e1 rgb(205,215,225)
```
#cad7e4
```
#cad7e4 rgb(202,215,228)
```
#c7d8e7
```
#c7d8e7 rgb(199,216,231)
```
#c4d8ea
```
#c4d8ea rgb(196,216,234)
```
#c1d8ed
```
#c1d8ed rgb(193,216,237)
```
#bed8f0
```
#bed8f0 rgb(190,216,240)
```
#bbd8f3
```
#bbd8f3 rgb(187,216,243)
```
#b8d8f6
```
#b8d8f6 rgb(184,216,246)
```
#b5d8f9
```
#b5d8f9 rgb(181,216,249)
```
#b2d8fc
```
#b2d8fc rgb(178,216,252)
```

Tone Color Variation

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

Dichromacy

#d2d5f0 Protanopia 1% of men
#dad1f6 Deuteranopia 1% of men
#bcdbeb Tritanopia 0.001% of the population

Trichromacy

#c9d6f1 Protanomaly 1% of men, 0.01% of women
#cfd4f5 Deuteranomaly 6% of men, 0.4% of women
#bbdaee Tritanomaly 0.01% of the population

#bbd8f3 hex color

#bbd8f3 Color Information

#bbd8f3 Color Conversion

Color Schemes with #bbd8f3

Alternatives to #bbd8f3

#bbd8f3 Preview

Shades and Tints of #bbd8f3

Tones of #bbd8f3

Color Blindness Simulator