#b2bbf7 hex color

In a RGB color space, hex #b2bbf7 is composed of 69.8% red, 73.3% green and 96.9% blue. Whereas in a CMYK color space, it is composed of 27.9% cyan, 24.3% magenta, 0% yellow and 3.1% black. It has a hue angle of 232.2 degrees, a saturation of 81.2% and a lightness of 83.3%. #b2bbf7 color hex could be obtained by blending #ffffff with #6577ef. Closest websafe color is: #99ccff.

♥
- f
- t
- g
- R 70
- G 73
- B 97
RGB color chart
- C 28
- M 24
- Y 0
- K 3
CMYK color chart

● #b2bbf7 color description : Very soft blue.

The hexadecimal color #b2bbf7 has RGB values of R:178, G:187, B:247 and CMYK values of C:0.28, M:0.24, Y:0, K:0.03. Its decimal value is 11713527.

Hex triplet	b2bbf7	`#b2bbf7`
RGB Decimal	178, 187, 247	`rgb(178,187,247)`
RGB Percent	69.8, 73.3, 96.9	`rgb(69.8%,73.3%,96.9%)`
CMYK	28, 24, 0, 3
HSL	232.2°, 81.2, 83.3	`hsl(232.2,81.2%,83.3%)`
HSV (or HSB)	232.2°, 27.9, 96.9
Web Safe	99ccff	`#99ccff`

CIE-LAB	77.113, 9.975, -30.695
XYZ	52.916, 51.72, 95.186
xyY	0.265, 0.259, 51.72
CIE-LCH	77.113, 32.275, 288.003
CIE-LUV	77.113, -7.904, -50.718
Hunter-Lab	71.917, 5.484, -28.132
Binary	10110010, 10111011, 11110111

#b2bbf7
```
#b2bbf7 rgb(178,187,247)
```
#f7eeb2
```
#f7eeb2 rgb(247,238,178)
```

Complementary Color

#b2def7
```
#b2def7 rgb(178,222,247)
```
#b2bbf7
```
#b2bbf7 rgb(178,187,247)
```
#ccb2f7
```
#ccb2f7 rgb(204,178,247)
```

Analogous Color

#def7b2
```
#def7b2 rgb(222,247,178)
```
#b2bbf7
```
#b2bbf7 rgb(178,187,247)
```
#f7ccb2
```
#f7ccb2 rgb(247,204,178)
```

Split Complementary Color

#bbf7b2
```
#bbf7b2 rgb(187,247,178)
```
#b2bbf7
```
#b2bbf7 rgb(178,187,247)
```
#f7b2bb
```
#f7b2bb rgb(247,178,187)
```

Triadic Color

#b2f7ee
```
#b2f7ee rgb(178,247,238)
```
#b2bbf7
```
#b2bbf7 rgb(178,187,247)
```
#f7b2bb
```
#f7b2bb rgb(247,178,187)
```
#f7eeb2
```
#f7eeb2 rgb(247,238,178)
```

Tetradic Color

#6d7ef0
```
#6d7ef0 rgb(109,126,240)
```
#8492f2
```
#8492f2 rgb(132,146,242)
```
#9ba7f5
```
#9ba7f5 rgb(155,167,245)
```
#b2bbf7
```
#b2bbf7 rgb(178,187,247)
```
#c9cff9
```
#c9cff9 rgb(201,207,249)
```
#e0e4fc
```
#e0e4fc rgb(224,228,252)
```
#f7f8fe
```
#f7f8fe rgb(247,248,254)
```

Monochromatic Color

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

#b2ccf7
```
#b2ccf7 rgb(178,204,247)
```
#b2c7f7
```
#b2c7f7 rgb(178,199,247)
```
#b2c1f7
```
#b2c1f7 rgb(178,193,247)
```
#b2bbf7
```
#b2bbf7 rgb(178,187,247)
```
#b2b5f7
```
#b2b5f7 rgb(178,181,247)
```
#b5b2f7
```
#b5b2f7 rgb(181,178,247)
```
#bab2f7
```
#bab2f7 rgb(186,178,247)
```

Similar Colors

Text with hexadecimal color #b2bbf7

This text has a font color of #b2bbf7.

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

#b2bbf7 background color

This paragraph has a background color of #b2bbf7.

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

#b2bbf7 border color

This element has a border color of #b2bbf7.

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

CSS codes

.text {color:#b2bbf7;}

.background {background-color:#b2bbf7;}

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

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, #01030c is the darkest color, while #f9fafe is the lightest one.

#01030c
```
#01030c rgb(1,3,12)
```
#03071e
```
#03071e rgb(3,7,30)
```
#050a2f
```
#050a2f rgb(5,10,47)
```
#070e41
```
#070e41 rgb(7,14,65)
```
#091253
```
#091253 rgb(9,18,83)
```
#0a1665
```
#0a1665 rgb(10,22,101)
```
#0c1a76
```
#0c1a76 rgb(12,26,118)
```
#0e1e88
```
#0e1e88 rgb(14,30,136)
```
#10229a
```
#10229a rgb(16,34,154)
```
#1226ac
```
#1226ac rgb(18,38,172)
```
#142abe
```
#142abe rgb(20,42,190)
```
#162ecf
```
#162ecf rgb(22,46,207)
```
#1732e1
```
#1732e1 rgb(23,50,225)
```

Shade Color Variation

#243de8
```
#243de8 rgb(36,61,232)
```
#364dea
```
#364dea rgb(54,77,234)
```
#475dec
```
#475dec rgb(71,93,236)
```
#596dee
```
#596dee rgb(89,109,238)
```
#6b7cf0
```
#6b7cf0 rgb(107,124,240)
```
#7d8cf1
```
#7d8cf1 rgb(125,140,241)
```
#8e9cf3
```
#8e9cf3 rgb(142,156,243)
```
#a0abf5
```
#a0abf5 rgb(160,171,245)
```
#b2bbf7
```
#b2bbf7 rgb(178,187,247)
```
#c4cbf9
```
#c4cbf9 rgb(196,203,249)
```
#d6dafb
```
#d6dafb rgb(214,218,251)
```
#e7eafd
```
#e7eafd rgb(231,234,253)
```
#f9fafe
```
#f9fafe rgb(249,250,254)
```

Tint Color Variation

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

#d3d3d6
```
#d3d3d6 rgb(211,211,214)
```
#cfd1da
```
#cfd1da rgb(207,209,218)
```
#cccedd
```
#cccedd rgb(204,206,221)
```
#c9cce0
```
#c9cce0 rgb(201,204,224)
```
#c6c9e3
```
#c6c9e3 rgb(198,201,227)
```
#c2c7e7
```
#c2c7e7 rgb(194,199,231)
```
#bfc5ea
```
#bfc5ea rgb(191,197,234)
```
#bcc2ed
```
#bcc2ed rgb(188,194,237)
```
#b9c0f0
```
#b9c0f0 rgb(185,192,240)
```
#b5bdf4
```
#b5bdf4 rgb(181,189,244)
```
#b2bbf7
```
#b2bbf7 rgb(178,187,247)
```
#afb9fa
```
#afb9fa rgb(175,185,250)
```
#abb6fe
```
#abb6fe rgb(171,182,254)
```

Tone Color Variation

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

#bfbfbf Achromatopsia 0.005% of the population
#bcbeca Atypical Achromatopsia 0.001% of the population

Dichromacy

#b1bff8 Protanopia 1% of men
#b4bef7 Deuteranopia 1% of men
#adc5d3 Tritanopia 0.001% of the population

Trichromacy

#b1bdf7 Protanomaly 1% of men, 0.01% of women
#b3bdf7 Deuteranomaly 6% of men, 0.4% of women
#aec1e0 Tritanomaly 0.01% of the population

#b2bbf7 hex color

#b2bbf7 Color Information

#b2bbf7 Color Conversion

Color Schemes with #b2bbf7

Alternatives to #b2bbf7

#b2bbf7 Preview

Shades and Tints of #b2bbf7

Tones of #b2bbf7

Color Blindness Simulator