#b4bbfd hex color

In a RGB color space, hex #b4bbfd is composed of 70.6% red, 73.3% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 28.9% cyan, 26.1% magenta, 0% yellow and 0.8% black. It has a hue angle of 234.2 degrees, a saturation of 94.8% and a lightness of 84.9%. #b4bbfd color hex could be obtained by blending #ffffff with #6977fb. Closest websafe color is: #ccccff.

♥
- f
- t
- g
- R 71
- G 73
- B 99
RGB color chart
- C 29
- M 26
- Y 0
- K 1
CMYK color chart

● #b4bbfd color description : Very soft blue.

The hexadecimal color #b4bbfd has RGB values of R:180, G:187, B:253 and CMYK values of C:0.29, M:0.26, Y:0, K:0.01. Its decimal value is 11844605.

Hex triplet	b4bbfd	`#b4bbfd`
RGB Decimal	180, 187, 253	`rgb(180,187,253)`
RGB Percent	70.6, 73.3, 99.2	`rgb(70.6%,73.3%,99.2%)`
CMYK	29, 26, 0, 1
HSL	234.2°, 94.8, 84.9	`hsl(234.2,94.8%,84.9%)`
HSV (or HSB)	234.2°, 28.9, 99.2
Web Safe	ccccff	`#ccccff`

CIE-LAB	77.481, 11.995, -33.338
XYZ	54.319, 52.335, 100.163
xyY	0.263, 0.253, 52.335
CIE-LCH	77.481, 35.431, 289.789
CIE-LUV	77.481, -7.271, -55.504
Hunter-Lab	72.343, 7.427, -31.45
Binary	10110100, 10111011, 11111101

#b4bbfd
```
#b4bbfd rgb(180,187,253)
```
#fdf6b4
```
#fdf6b4 rgb(253,246,180)
```

Complementary Color

#b4e0fd
```
#b4e0fd rgb(180,224,253)
```
#b4bbfd
```
#b4bbfd rgb(180,187,253)
```
#d2b4fd
```
#d2b4fd rgb(210,180,253)
```

Analogous Color

#e0fdb4
```
#e0fdb4 rgb(224,253,180)
```
#b4bbfd
```
#b4bbfd rgb(180,187,253)
```
#fdd2b4
```
#fdd2b4 rgb(253,210,180)
```

Split Complementary Color

#bbfdb4
```
#bbfdb4 rgb(187,253,180)
```
#b4bbfd
```
#b4bbfd rgb(180,187,253)
```
#fdb4bb
```
#fdb4bb rgb(253,180,187)
```

Triadic Color

#b4fdf6
```
#b4fdf6 rgb(180,253,246)
```
#b4bbfd
```
#b4bbfd rgb(180,187,253)
```
#fdb4bb
```
#fdb4bb rgb(253,180,187)
```
#fdf6b4
```
#fdf6b4 rgb(253,246,180)
```

Tetradic Color

#6977fb
```
#6977fb rgb(105,119,251)
```
#828efc
```
#828efc rgb(130,142,252)
```
#9ba4fc
```
#9ba4fc rgb(155,164,252)
```
#b4bbfd
```
#b4bbfd rgb(180,187,253)
```
#cdd2fe
```
#cdd2fe rgb(205,210,254)
```
#e6e8fe
```
#e6e8fe rgb(230,232,254)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Monochromatic Color

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

#b4cdfd
```
#b4cdfd rgb(180,205,253)
```
#b4c7fd
```
#b4c7fd rgb(180,199,253)
```
#b4c1fd
```
#b4c1fd rgb(180,193,253)
```
#b4bbfd
```
#b4bbfd rgb(180,187,253)
```
#b4b5fd
```
#b4b5fd rgb(180,181,253)
```
#b9b4fd
```
#b9b4fd rgb(185,180,253)
```
#bfb4fd
```
#bfb4fd rgb(191,180,253)
```

Similar Colors

Text with hexadecimal color #b4bbfd

This text has a font color of #b4bbfd.

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

#b4bbfd background color

This paragraph has a background color of #b4bbfd.

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

#b4bbfd border color

This element has a border color of #b4bbfd.

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

CSS codes

.text {color:#b4bbfd;}

.background {background-color:#b4bbfd;}

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

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)
```
#010215
```
#010215 rgb(1,2,21)
```
#010528
```
#010528 rgb(1,5,40)
```
#02073b
```
#02073b rgb(2,7,59)
```
#02094e
```
#02094e rgb(2,9,78)
```
#030c61
```
#030c61 rgb(3,12,97)
```
#030e74
```
#030e74 rgb(3,14,116)
```
#041087
```
#041087 rgb(4,16,135)
```
#04139a
```
#04139a rgb(4,19,154)
```
#0515ad
```
#0515ad rgb(5,21,173)
```
#0517c0
```
#0517c0 rgb(5,23,192)
```
#0619d4
```
#0619d4 rgb(6,25,212)
```
#061ce7
```
#061ce7 rgb(6,28,231)
```

Shade Color Variation

#081ff8
```
#081ff8 rgb(8,31,248)
```
#1b30f9
```
#1b30f9 rgb(27,48,249)
```
#2e42f9
```
#2e42f9 rgb(46,66,249)
```
#4153fa
```
#4153fa rgb(65,83,250)
```
#5464fa
```
#5464fa rgb(84,100,250)
```
#6876fb
```
#6876fb rgb(104,118,251)
```
#7b87fb
```
#7b87fb rgb(123,135,251)
```
#8e98fc
```
#8e98fc rgb(142,152,252)
```
#a1aafc
```
#a1aafc rgb(161,170,252)
```
#b4bbfd
```
#b4bbfd rgb(180,187,253)
```
#c7ccfe
```
#c7ccfe rgb(199,204,254)
```
#dadefe
```
#dadefe rgb(218,222,254)
```
#edefff
```
#edefff rgb(237,239,255)
```

Tint Color Variation

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

#d8d8d9
```
#d8d8d9 rgb(216,216,217)
```
#d5d5dc
```
#d5d5dc rgb(213,213,220)
```
#d2d3df
```
#d2d3df rgb(210,211,223)
```
#cfd1e2
```
#cfd1e2 rgb(207,209,226)
```
#cccee5
```
#cccee5 rgb(204,206,229)
```
#c9cce8
```
#c9cce8 rgb(201,204,232)
```
#c6c9eb
```
#c6c9eb rgb(198,201,235)
```
#c3c7ee
```
#c3c7ee rgb(195,199,238)
```
#c0c5f1
```
#c0c5f1 rgb(192,197,241)
```
#bdc2f4
```
#bdc2f4 rgb(189,194,244)
```
#bac0f7
```
#bac0f7 rgb(186,192,247)
```
#b7bdfa
```
#b7bdfa rgb(183,189,250)
```
#b4bbfd
```
#b4bbfd rgb(180,187,253)
```

Tone Color Variation

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

Dichromacy

#b0c0fe Protanopia 1% of men
#b2c0fc Deuteranopia 1% of men
#adc6d4 Tritanopia 0.001% of the population

Trichromacy

#b1befd Protanomaly 1% of men, 0.01% of women
#b3befc Deuteranomaly 6% of men, 0.4% of women
#afc2e3 Tritanomaly 0.01% of the population

#b4bbfd hex color

#b4bbfd Color Information

#b4bbfd Color Conversion

Color Schemes with #b4bbfd

Alternatives to #b4bbfd

#b4bbfd Preview

Shades and Tints of #b4bbfd

Tones of #b4bbfd

Color Blindness Simulator