#bbd6f2 hex color

In a RGB color space, hex #bbd6f2 is composed of 73.3% red, 83.9% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 22.7% cyan, 11.6% magenta, 0% yellow and 5.1% black. It has a hue angle of 210.5 degrees, a saturation of 67.9% and a lightness of 84.1%. #bbd6f2 color hex could be obtained by blending #ffffff with #77ade5. Closest websafe color is: #ccccff.

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

● #bbd6f2 color description : Very soft blue.

The hexadecimal color #bbd6f2 has RGB values of R:187, G:214, B:242 and CMYK values of C:0.23, M:0.12, Y:0, K:0.05. Its decimal value is 12310258.

Hex triplet	bbd6f2	`#bbd6f2`
RGB Decimal	187, 214, 242	`rgb(187,214,242)`
RGB Percent	73.3, 83.9, 94.9	`rgb(73.3%,83.9%,94.9%)`
CMYK	23, 12, 0, 5
HSL	210.5°, 67.9, 84.1	`hsl(210.5,67.9%,84.1%)`
HSV (or HSB)	210.5°, 22.7, 94.9
Web Safe	ccccff	`#ccccff`

CIE-LAB	84.518, -3.012, -16.702
XYZ	60.564, 65.067, 93.368
xyY	0.277, 0.297, 65.067
CIE-LCH	84.518, 16.971, 259.777
CIE-LUV	84.518, -15.218, -25.904
Hunter-Lab	80.664, -7.143, -12.162
Binary	10111011, 11010110, 11110010

#bbd6f2
```
#bbd6f2 rgb(187,214,242)
```
#f2d7bb
```
#f2d7bb rgb(242,215,187)
```

Complementary Color

#bbf2f2
```
#bbf2f2 rgb(187,242,242)
```
#bbd6f2
```
#bbd6f2 rgb(187,214,242)
```
#bcbbf2
```
#bcbbf2 rgb(188,187,242)
```

Analogous Color

#f2f2bb
```
#f2f2bb rgb(242,242,187)
```
#bbd6f2
```
#bbd6f2 rgb(187,214,242)
```
#f2bcbb
```
#f2bcbb rgb(242,188,187)
```

Split Complementary Color

#d6f2bb
```
#d6f2bb rgb(214,242,187)
```
#bbd6f2
```
#bbd6f2 rgb(187,214,242)
```
#f2bbd6
```
#f2bbd6 rgb(242,187,214)
```

Triadic Color

#bbf2d7
```
#bbf2d7 rgb(187,242,215)
```
#bbd6f2
```
#bbd6f2 rgb(187,214,242)
```
#f2bbd6
```
#f2bbd6 rgb(242,187,214)
```
#f2d7bb
```
#f2d7bb rgb(242,215,187)
```

Tetradic Color

#7bafe6
```
#7bafe6 rgb(123,175,230)
```
#90bcea
```
#90bcea rgb(144,188,234)
```
#a6c9ee
```
#a6c9ee rgb(166,201,238)
```
#bbd6f2
```
#bbd6f2 rgb(187,214,242)
```
#d0e3f6
```
#d0e3f6 rgb(208,227,246)
```
#e6f0fa
```
#e6f0fa rgb(230,240,250)
```
#fbfdfe
```
#fbfdfe rgb(251,253,254)
```

Monochromatic Color

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

#bbe4f2
```
#bbe4f2 rgb(187,228,242)
```
#bbdff2
```
#bbdff2 rgb(187,223,242)
```
#bbdbf2
```
#bbdbf2 rgb(187,219,242)
```
#bbd6f2
```
#bbd6f2 rgb(187,214,242)
```
#bbd1f2
```
#bbd1f2 rgb(187,209,242)
```
#bbcdf2
```
#bbcdf2 rgb(187,205,242)
```
#bbc8f2
```
#bbc8f2 rgb(187,200,242)
```

Similar Colors

Text with hexadecimal color #bbd6f2

This text has a font color of #bbd6f2.

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

#bbd6f2 background color

This paragraph has a background color of #bbd6f2.

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

#bbd6f2 border color

This element has a border color of #bbd6f2.

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

CSS codes

.text {color:#bbd6f2;}

.background {background-color:#bbd6f2;}

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

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, #03080e is the darkest color, while #fdfeff is the lightest one.

#03080e
```
#03080e rgb(3,8,14)
```
#06121f
```
#06121f rgb(6,18,31)
```
#091c2f
```
#091c2f rgb(9,28,47)
```
#0c2540
```
#0c2540 rgb(12,37,64)
```
#0f2f50
```
#0f2f50 rgb(15,47,80)
```
#123961
```
#123961 rgb(18,57,97)
```
#164371
```
#164371 rgb(22,67,113)
```
#194c82
```
#194c82 rgb(25,76,130)
```
#1c5692
```
#1c5692 rgb(28,86,146)
```
#1f60a3
```
#1f60a3 rgb(31,96,163)
```
#2269b3
```
#2269b3 rgb(34,105,179)
```
#2573c3
```
#2573c3 rgb(37,115,195)
```
#297dd4
```
#297dd4 rgb(41,125,212)
```

Shade Color Variation

#3787d9
```
#3787d9 rgb(55,135,217)
```
#4890dc
```
#4890dc rgb(72,144,220)
```
#589adf
```
#589adf rgb(88,154,223)
```
#69a4e2
```
#69a4e2 rgb(105,164,226)
```
#79aee5
```
#79aee5 rgb(121,174,229)
```
#8ab8e9
```
#8ab8e9 rgb(138,184,233)
```
#9ac2ec
```
#9ac2ec rgb(154,194,236)
```
#abccef
```
#abccef rgb(171,204,239)
```
#bbd6f2
```
#bbd6f2 rgb(187,214,242)
```
#cbe0f5
```
#cbe0f5 rgb(203,224,245)
```
#dceaf8
```
#dceaf8 rgb(220,234,248)
```
#ecf4fb
```
#ecf4fb rgb(236,244,251)
```
#fdfeff
```
#fdfeff rgb(253,254,255)
```

Tint Color Variation

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

#d4d6d9
```
#d4d6d9 rgb(212,214,217)
```
#d1d6dc
```
#d1d6dc rgb(209,214,220)
```
#ced6df
```
#ced6df rgb(206,214,223)
```
#cbd6e2
```
#cbd6e2 rgb(203,214,226)
```
#c7d6e6
```
#c7d6e6 rgb(199,214,230)
```
#c4d6e9
```
#c4d6e9 rgb(196,214,233)
```
#c1d6ec
```
#c1d6ec rgb(193,214,236)
```
#bed6ef
```
#bed6ef rgb(190,214,239)
```
#bbd6f2
```
#bbd6f2 rgb(187,214,242)
```
#b8d6f5
```
#b8d6f5 rgb(184,214,245)
```
#b5d6f8
```
#b5d6f8 rgb(181,214,248)
```
#b2d6fb
```
#b2d6fb rgb(178,214,251)
```
#afd6fe
```
#afd6fe rgb(175,214,254)
```

Tone Color Variation

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

#d1d1d1 Achromatopsia 0.005% of the population
#cdd2d8 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d0d3f0 Protanopia 1% of men
#d8d0f5 Deuteranopia 1% of men
#bcd9e9 Tritanopia 0.001% of the population

Trichromacy

#c8d4f0 Protanomaly 1% of men, 0.01% of women
#cdd2f4 Deuteranomaly 6% of men, 0.4% of women
#bbd8ec Tritanomaly 0.01% of the population

#bbd6f2 hex color

#bbd6f2 Color Information

#bbd6f2 Color Conversion

Color Schemes with #bbd6f2

Alternatives to #bbd6f2

#bbd6f2 Preview

Shades and Tints of #bbd6f2

Tones of #bbd6f2

Color Blindness Simulator