#bbd6fa hex color

In a RGB color space, hex #bbd6fa is composed of 73.3% red, 83.9% green and 98% blue. Whereas in a CMYK color space, it is composed of 25.2% cyan, 14.4% magenta, 0% yellow and 2% black. It has a hue angle of 214.3 degrees, a saturation of 86.3% and a lightness of 85.7%. #bbd6fa color hex could be obtained by blending #ffffff with #77adf5. Closest websafe color is: #ccccff.

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

● #bbd6fa color description : Very soft blue.

The hexadecimal color #bbd6fa has RGB values of R:187, G:214, B:250 and CMYK values of C:0.25, M:0.14, Y:0, K:0.02. Its decimal value is 12310266.

Hex triplet	bbd6fa	`#bbd6fa`
RGB Decimal	187, 214, 250	`rgb(187,214,250)`
RGB Percent	73.3, 83.9, 98	`rgb(73.3%,83.9%,98%)`
CMYK	25, 14, 0, 2
HSL	214.3°, 86.3, 85.7	`hsl(214.3,86.3%,85.7%)`
HSV (or HSB)	214.3°, 25.2, 98
Web Safe	ccccff	`#ccccff`

CIE-LAB	84.771, -1.211, -20.557
XYZ	61.792, 65.559, 99.836
xyY	0.272, 0.289, 65.559
CIE-LCH	84.771, 20.592, 266.628
CIE-LUV	84.771, -15.46, -32.564
Hunter-Lab	80.968, -5.47, -16.428
Binary	10111011, 11010110, 11111010

#bbd6fa
```
#bbd6fa rgb(187,214,250)
```
#fadfbb
```
#fadfbb rgb(250,223,187)
```

Complementary Color

#bbf6fa
```
#bbf6fa rgb(187,246,250)
```
#bbd6fa
```
#bbd6fa rgb(187,214,250)
```
#c0bbfa
```
#c0bbfa rgb(192,187,250)
```

Analogous Color

#f6fabb
```
#f6fabb rgb(246,250,187)
```
#bbd6fa
```
#bbd6fa rgb(187,214,250)
```
#fac0bb
```
#fac0bb rgb(250,192,187)
```

Split Complementary Color

#d6fabb
```
#d6fabb rgb(214,250,187)
```
#bbd6fa
```
#bbd6fa rgb(187,214,250)
```
#fabbd6
```
#fabbd6 rgb(250,187,214)
```

Triadic Color

#bbfadf
```
#bbfadf rgb(187,250,223)
```
#bbd6fa
```
#bbd6fa rgb(187,214,250)
```
#fabbd6
```
#fabbd6 rgb(250,187,214)
```
#fadfbb
```
#fadfbb rgb(250,223,187)
```

Tetradic Color

#74abf5
```
#74abf5 rgb(116,171,245)
```
#8bb9f7
```
#8bb9f7 rgb(139,185,247)
```
#a3c8f8
```
#a3c8f8 rgb(163,200,248)
```
#bbd6fa
```
#bbd6fa rgb(187,214,250)
```
#d3e4fc
```
#d3e4fc rgb(211,228,252)
```
#ebf3fd
```
#ebf3fd rgb(235,243,253)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Monochromatic Color

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

#bbe6fa
```
#bbe6fa rgb(187,230,250)
```
#bbe1fa
```
#bbe1fa rgb(187,225,250)
```
#bbdbfa
```
#bbdbfa rgb(187,219,250)
```
#bbd6fa
```
#bbd6fa rgb(187,214,250)
```
#bbd1fa
```
#bbd1fa rgb(187,209,250)
```
#bbccfa
```
#bbccfa rgb(187,204,250)
```
#bbc6fa
```
#bbc6fa rgb(187,198,250)
```

Similar Colors

Text with hexadecimal color #bbd6fa

This text has a font color of #bbd6fa.

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

#bbd6fa background color

This paragraph has a background color of #bbd6fa.

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

#bbd6fa border color

This element has a border color of #bbd6fa.

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

CSS codes

.text {color:#bbd6fa;}

.background {background-color:#bbd6fa;}

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

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

#000205
```
#000205 rgb(0,2,5)
```
#020b17
```
#020b17 rgb(2,11,23)
```
#03142a
```
#03142a rgb(3,20,42)
```
#041c3c
```
#041c3c rgb(4,28,60)
```
#06254e
```
#06254e rgb(6,37,78)
```
#072d60
```
#072d60 rgb(7,45,96)
```
#083673
```
#083673 rgb(8,54,115)
```
#0a3f85
```
#0a3f85 rgb(10,63,133)
```
#0b4797
```
#0b4797 rgb(11,71,151)
```
#0c50aa
```
#0c50aa rgb(12,80,170)
```
#0e58bc
```
#0e58bc rgb(14,88,188)
```
#0f61ce
```
#0f61ce rgb(15,97,206)
```
#106ae0
```
#106ae0 rgb(16,106,224)
```

Shade Color Variation

#1773ee
```
#1773ee rgb(23,115,238)
```
#297eef
```
#297eef rgb(41,126,239)
```
#3b89f1
```
#3b89f1 rgb(59,137,241)
```
#4d94f2
```
#4d94f2 rgb(77,148,242)
```
#609ff3
```
#609ff3 rgb(96,159,243)
```
#72aaf5
```
#72aaf5 rgb(114,170,245)
```
#84b5f6
```
#84b5f6 rgb(132,181,246)
```
#96c0f7
```
#96c0f7 rgb(150,192,247)
```
#a9cbf9
```
#a9cbf9 rgb(169,203,249)
```
#bbd6fa
```
#bbd6fa rgb(187,214,250)
```
#cde1fb
```
#cde1fb rgb(205,225,251)
```
#e0ecfd
```
#e0ecfd rgb(224,236,253)
```
#f2f7fe
```
#f2f7fe rgb(242,247,254)
```

Tint Color Variation

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

#dadadb
```
#dadadb rgb(218,218,219)
```
#d7dade
```
#d7dade rgb(215,218,222)
```
#d4dae1
```
#d4dae1 rgb(212,218,225)
```
#d1d9e4
```
#d1d9e4 rgb(209,217,228)
```
#cfd9e6
```
#cfd9e6 rgb(207,217,230)
```
#ccd8e9
```
#ccd8e9 rgb(204,216,233)
```
#c9d8ec
```
#c9d8ec rgb(201,216,236)
```
#c6d8ef
```
#c6d8ef rgb(198,216,239)
```
#c3d7f2
```
#c3d7f2 rgb(195,215,242)
```
#c1d7f4
```
#c1d7f4 rgb(193,215,244)
```
#bed6f7
```
#bed6f7 rgb(190,214,247)
```
#bbd6fa
```
#bbd6fa rgb(187,214,250)
```
#b8d6fd
```
#b8d6fd rgb(184,214,253)
```

Tone Color Variation

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

Dichromacy

#ced4f7 Protanopia 1% of men
#d5d1fc Deuteranopia 1% of men
#badaea Tritanopia 0.001% of the population

Trichromacy

#c7d4f8 Protanomaly 1% of men, 0.01% of women
#cbd3fb Deuteranomaly 6% of men, 0.4% of women
#bad9f0 Tritanomaly 0.01% of the population

#bbd6fa hex color

#bbd6fa Color Information

#bbd6fa Color Conversion

Color Schemes with #bbd6fa

Alternatives to #bbd6fa

#bbd6fa Preview

Shades and Tints of #bbd6fa

Tones of #bbd6fa

Color Blindness Simulator