#b2bafb hex color

In a RGB color space, hex #b2bafb is composed of 69.8% red, 72.9% green and 98.4% blue. Whereas in a CMYK color space, it is composed of 29.1% cyan, 25.9% magenta, 0% yellow and 1.6% black. It has a hue angle of 233.4 degrees, a saturation of 90.1% and a lightness of 84.1%. #b2bafb color hex could be obtained by blending #ffffff with #6575f7. Closest websafe color is: #99ccff.

♥
- f
- t
- g
- R 70
- G 73
- B 98
RGB color chart
- C 29
- M 26
- Y 0
- K 2
CMYK color chart

● #b2bafb color description : Very soft blue.

The hexadecimal color #b2bafb has RGB values of R:178, G:186, B:251 and CMYK values of C:0.29, M:0.26, Y:0, K:0.02. Its decimal value is 11713275.

Hex triplet	b2bafb	`#b2bafb`
RGB Decimal	178, 186, 251	`rgb(178,186,251)`
RGB Percent	69.8, 72.9, 98.4	`rgb(69.8%,72.9%,98.4%)`
CMYK	29, 26, 0, 2
HSL	233.4°, 90.1, 84.1	`hsl(233.4,90.1%,84.1%)`
HSV (or HSB)	233.4°, 29.1, 98.4
Web Safe	99ccff	`#99ccff`

CIE-LAB	77.009, 11.49, -33.004
XYZ	53.328, 51.547, 98.401
xyY	0.262, 0.254, 51.547
CIE-LCH	77.009, 34.947, 289.195
CIE-LUV	77.009, -7.685, -54.822
Hunter-Lab	71.796, 6.942, -31.004
Binary	10110010, 10111010, 11111011

#b2bafb
```
#b2bafb rgb(178,186,251)
```
#fbf3b2
```
#fbf3b2 rgb(251,243,178)
```

Complementary Color

#b2dffb
```
#b2dffb rgb(178,223,251)
```
#b2bafb
```
#b2bafb rgb(178,186,251)
```
#cfb2fb
```
#cfb2fb rgb(207,178,251)
```

Analogous Color

#dffbb2
```
#dffbb2 rgb(223,251,178)
```
#b2bafb
```
#b2bafb rgb(178,186,251)
```
#fbcfb2
```
#fbcfb2 rgb(251,207,178)
```

Split Complementary Color

#bafbb2
```
#bafbb2 rgb(186,251,178)
```
#b2bafb
```
#b2bafb rgb(178,186,251)
```
#fbb2ba
```
#fbb2ba rgb(251,178,186)
```

Triadic Color

#b2fbf3
```
#b2fbf3 rgb(178,251,243)
```
#b2bafb
```
#b2bafb rgb(178,186,251)
```
#fbb2ba
```
#fbb2ba rgb(251,178,186)
```
#fbf3b2
```
#fbf3b2 rgb(251,243,178)
```

Tetradic Color

#6979f7
```
#6979f7 rgb(105,121,247)
```
#828ff8
```
#828ff8 rgb(130,143,248)
```
#9aa4fa
```
#9aa4fa rgb(154,164,250)
```
#b2bafb
```
#b2bafb rgb(178,186,251)
```
#cad0fc
```
#cad0fc rgb(202,208,252)
```
#e2e5fe
```
#e2e5fe rgb(226,229,254)
```
#fbfbff
```
#fbfbff rgb(251,251,255)
```

Monochromatic Color

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

#b2ccfb
```
#b2ccfb rgb(178,204,251)
```
#b2c6fb
```
#b2c6fb rgb(178,198,251)
```
#b2c0fb
```
#b2c0fb rgb(178,192,251)
```
#b2bafb
```
#b2bafb rgb(178,186,251)
```
#b2b4fb
```
#b2b4fb rgb(178,180,251)
```
#b6b2fb
```
#b6b2fb rgb(182,178,251)
```
#bcb2fb
```
#bcb2fb rgb(188,178,251)
```

Similar Colors

Text with hexadecimal color #b2bafb

This text has a font color of #b2bafb.

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

#b2bafb background color

This paragraph has a background color of #b2bafb.

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

#b2bafb border color

This element has a border color of #b2bafb.

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

CSS codes

.text {color:#b2bafb;}

.background {background-color:#b2bafb;}

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

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

#010310
```
#010310 rgb(1,3,16)
```
#020523
```
#020523 rgb(2,5,35)
```
#030836
```
#030836 rgb(3,8,54)
```
#040b48
```
#040b48 rgb(4,11,72)
```
#050e5b
```
#050e5b rgb(5,14,91)
```
#06116d
```
#06116d rgb(6,17,109)
```
#071480
```
#071480 rgb(7,20,128)
```
#081793
```
#081793 rgb(8,23,147)
```
#091aa5
```
#091aa5 rgb(9,26,165)
```
#0a1db8
```
#0a1db8 rgb(10,29,184)
```
#0b20cb
```
#0b20cb rgb(11,32,203)
```
#0b22dd
```
#0b22dd rgb(11,34,221)
```
#0c25f0
```
#0c25f0 rgb(12,37,240)
```

Shade Color Variation

#1d34f3
```
#1d34f3 rgb(29,52,243)
```
#2f45f4
```
#2f45f4 rgb(47,69,244)
```
#4256f5
```
#4256f5 rgb(66,86,245)
```
#5566f6
```
#5566f6 rgb(85,102,246)
```
#6777f7
```
#6777f7 rgb(103,119,247)
```
#7a88f8
```
#7a88f8 rgb(122,136,248)
```
#8d99f9
```
#8d99f9 rgb(141,153,249)
```
#9fa9fa
```
#9fa9fa rgb(159,169,250)
```
#b2bafb
```
#b2bafb rgb(178,186,251)
```
#c5cbfc
```
#c5cbfc rgb(197,203,252)
```
#d7dbfd
```
#d7dbfd rgb(215,219,253)
```
#eaecfe
```
#eaecfe rgb(234,236,254)
```
#fdfdff
```
#fdfdff rgb(253,253,255)
```

Tint Color Variation

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

#d4d5d9
```
#d4d5d9 rgb(212,213,217)
```
#d1d2dc
```
#d1d2dc rgb(209,210,220)
```
#ced0df
```
#ced0df rgb(206,208,223)
```
#cbcde2
```
#cbcde2 rgb(203,205,226)
```
#c8cbe5
```
#c8cbe5 rgb(200,203,229)
```
#c5c9e8
```
#c5c9e8 rgb(197,201,232)
```
#c2c6eb
```
#c2c6eb rgb(194,198,235)
```
#bec4ef
```
#bec4ef rgb(190,196,239)
```
#bbc1f2
```
#bbc1f2 rgb(187,193,242)
```
#b8bff5
```
#b8bff5 rgb(184,191,245)
```
#b5bcf8
```
#b5bcf8 rgb(181,188,248)
```
#b2bafb
```
#b2bafb rgb(178,186,251)
```
#afb8fe
```
#afb8fe rgb(175,184,254)
```

Tone Color Variation

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

Dichromacy

#afbffc Protanopia 1% of men
#b1befa Deuteranopia 1% of men
#abc5d3 Tritanopia 0.001% of the population

Trichromacy

#b0bdfb Protanomaly 1% of men, 0.01% of women
#b1bdfa Deuteranomaly 6% of men, 0.4% of women
#aec1e1 Tritanomaly 0.01% of the population

#b2bafb hex color

#b2bafb Color Information

#b2bafb Color Conversion

Color Schemes with #b2bafb

Alternatives to #b2bafb

#b2bafb Preview

Shades and Tints of #b2bafb

Tones of #b2bafb

Color Blindness Simulator