#b2bbff hex color

In a RGB color space, hex #b2bbff is composed of 69.8% red, 73.3% green and 100% blue. Whereas in a CMYK color space, it is composed of 30.2% cyan, 26.7% magenta, 0% yellow and 0% black. It has a hue angle of 233 degrees, a saturation of 100% and a lightness of 84.9%. #b2bbff color hex could be obtained by blending #ffffff with #6577ff. Closest websafe color is: #99ccff.

♥
- f
- t
- g
- R 70
- G 73
- B 100
RGB color chart
- C 30
- M 27
- Y 0
- K 0
CMYK color chart

● #b2bbff color description : Pale blue.

The hexadecimal color #b2bbff has RGB values of R:178, G:187, B:255 and CMYK values of C:0.3, M:0.27, Y:0, K:0. Its decimal value is 11713535.

Hex triplet	b2bbff	`#b2bbff`
RGB Decimal	178, 187, 255	`rgb(178,187,255)`
RGB Percent	69.8, 73.3, 100	`rgb(69.8%,73.3%,100%)`
CMYK	30, 27, 0, 0
HSL	233°, 100, 84.9	`hsl(233,100%,84.9%)`
HSV (or HSB)	233°, 30.2, 100
Web Safe	99ccff	`#99ccff`

CIE-LAB	77.415, 11.917, -34.523
XYZ	54.177, 52.225, 101.828
xyY	0.26, 0.251, 52.225
CIE-LCH	77.415, 36.522, 289.044
CIE-LUV	77.415, -8.302, -57.495
Hunter-Lab	72.267, 7.351, -32.957
Binary	10110010, 10111011, 11111111

#b2bbff
```
#b2bbff rgb(178,187,255)
```
#fff6b2
```
#fff6b2 rgb(255,246,178)
```

Complementary Color

#b2e2ff
```
#b2e2ff rgb(178,226,255)
```
#b2bbff
```
#b2bbff rgb(178,187,255)
```
#d0b2ff
```
#d0b2ff rgb(208,178,255)
```

Analogous Color

#e2ffb2
```
#e2ffb2 rgb(226,255,178)
```
#b2bbff
```
#b2bbff rgb(178,187,255)
```
#ffd0b2
```
#ffd0b2 rgb(255,208,178)
```

Split Complementary Color

#bbffb2
```
#bbffb2 rgb(187,255,178)
```
#b2bbff
```
#b2bbff rgb(178,187,255)
```
#ffb2bb
```
#ffb2bb rgb(255,178,187)
```

Triadic Color

#b2fff6
```
#b2fff6 rgb(178,255,246)
```
#b2bbff
```
#b2bbff rgb(178,187,255)
```
#ffb2bb
```
#ffb2bb rgb(255,178,187)
```
#fff6b2
```
#fff6b2 rgb(255,246,178)
```

Tetradic Color

#6677ff
```
#6677ff rgb(102,119,255)
```
#7f8eff
```
#7f8eff rgb(127,142,255)
```
#99a4ff
```
#99a4ff rgb(153,164,255)
```
#b2bbff
```
#b2bbff rgb(178,187,255)
```
#ccd2ff
```
#ccd2ff rgb(204,210,255)
```
#e5e8ff
```
#e5e8ff rgb(229,232,255)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Monochromatic Color

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

#b2ceff
```
#b2ceff rgb(178,206,255)
```
#b2c8ff
```
#b2c8ff rgb(178,200,255)
```
#b2c1ff
```
#b2c1ff rgb(178,193,255)
```
#b2bbff
```
#b2bbff rgb(178,187,255)
```
#b2b5ff
```
#b2b5ff rgb(178,181,255)
```
#b6b2ff
```
#b6b2ff rgb(182,178,255)
```
#bcb2ff
```
#bcb2ff rgb(188,178,255)
```

Similar Colors

Text with hexadecimal color #b2bbff

This text has a font color of #b2bbff.

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

#b2bbff background color

This paragraph has a background color of #b2bbff.

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

#b2bbff border color

This element has a border color of #b2bbff.

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

CSS codes

.text {color:#b2bbff;}

.background {background-color:#b2bbff;}

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

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

#000001
```
#000001 rgb(0,0,1)
```
#000215
```
#000215 rgb(0,2,21)
```
#000529
```
#000529 rgb(0,5,41)
```
#00073c
```
#00073c rgb(0,7,60)
```
#000950
```
#000950 rgb(0,9,80)
```
#000c64
```
#000c64 rgb(0,12,100)
```
#000e77
```
#000e77 rgb(0,14,119)
```
#00108b
```
#00108b rgb(0,16,139)
```
#00139e
```
#00139e rgb(0,19,158)
```
#0015b2
```
#0015b2 rgb(0,21,178)
```
#0017c6
```
#0017c6 rgb(0,23,198)
```
#0019d9
```
#0019d9 rgb(0,25,217)
```
#001ced
```
#001ced rgb(0,28,237)
```

Shade Color Variation

#011fff
```
#011fff rgb(1,31,255)
```
#1530ff
```
#1530ff rgb(21,48,255)
```
#2942ff
```
#2942ff rgb(41,66,255)
```
#3c53ff
```
#3c53ff rgb(60,83,255)
```
#5064ff
```
#5064ff rgb(80,100,255)
```
#6476ff
```
#6476ff rgb(100,118,255)
```
#7787ff
```
#7787ff rgb(119,135,255)
```
#8b98ff
```
#8b98ff rgb(139,152,255)
```
#9eaaff
```
#9eaaff rgb(158,170,255)
```
#b2bbff
```
#b2bbff rgb(178,187,255)
```
#c6ccff
```
#c6ccff rgb(198,204,255)
```
#d9deff
```
#d9deff rgb(217,222,255)
```
#edefff
```
#edefff rgb(237,239,255)
```

Tint Color Variation

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

#d6d6db
```
#d6d6db rgb(214,214,219)
```
#d3d4de
```
#d3d4de rgb(211,212,222)
```
#d0d2e1
```
#d0d2e1 rgb(208,210,225)
```
#cdcfe4
```
#cdcfe4 rgb(205,207,228)
```
#cacde7
```
#cacde7 rgb(202,205,231)
```
#c7cbea
```
#c7cbea rgb(199,203,234)
```
#c4c9ed
```
#c4c9ed rgb(196,201,237)
```
#c1c6f0
```
#c1c6f0 rgb(193,198,240)
```
#bec4f3
```
#bec4f3 rgb(190,196,243)
```
#bbc2f6
```
#bbc2f6 rgb(187,194,246)
```
#b8c0f9
```
#b8c0f9 rgb(184,192,249)
```
#b5bdfc
```
#b5bdfc rgb(181,189,252)
```
#b2bbff
```
#b2bbff rgb(178,187,255)
```

Tone Color Variation

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

#c0c0c0 Achromatopsia 0.005% of the population
#bdbfcd Atypical Achromatopsia 0.001% of the population

Dichromacy

#afc0ff Protanopia 1% of men
#b0bffe Deuteranopia 1% of men
#abc6d5 Tritanopia 0.001% of the population

Trichromacy

#b0beff Protanomaly 1% of men, 0.01% of women
#b1befe Deuteranomaly 6% of men, 0.4% of women
#adc2e4 Tritanomaly 0.01% of the population

#b2bbff hex color

#b2bbff Color Information

#b2bbff Color Conversion

Color Schemes with #b2bbff

Alternatives to #b2bbff

#b2bbff Preview

Shades and Tints of #b2bbff

Tones of #b2bbff

Color Blindness Simulator