#b4b1fd hex color

In a RGB color space, hex #b4b1fd is composed of 70.6% red, 69.4% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 28.9% cyan, 30% magenta, 0% yellow and 0.8% black. It has a hue angle of 242.4 degrees, a saturation of 95% and a lightness of 84.3%. #b4b1fd color hex could be obtained by blending #ffffff with #6963fb. Closest websafe color is: #cc99ff.

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

● #b4b1fd color description : Very soft blue.

The hexadecimal color #b4b1fd has RGB values of R:180, G:177, B:253 and CMYK values of C:0.29, M:0.3, Y:0, K:0.01. Its decimal value is 11842045.

Hex triplet	b4b1fd	`#b4b1fd`
RGB Decimal	180, 177, 253	`rgb(180,177,253)`
RGB Percent	70.6, 69.4, 99.2	`rgb(70.6%,69.4%,99.2%)`
CMYK	29, 30, 0, 1
HSL	242.4°, 95, 84.3	`hsl(242.4,95%,84.3%)`
HSV (or HSB)	242.4°, 30, 99.2
Web Safe	cc99ff	`#cc99ff`

CIE-LAB	74.975, 17.513, -37.215
XYZ	52.271, 48.239, 99.48
xyY	0.261, 0.241, 48.239
CIE-LCH	74.975, 41.13, 295.201
CIE-LUV	74.975, -3.134, -62.585
Hunter-Lab	69.454, 12.793, -36.304
Binary	10110100, 10110001, 11111101

#b4b1fd
```
#b4b1fd rgb(180,177,253)
```
#fafdb1
```
#fafdb1 rgb(250,253,177)
```

Complementary Color

#b1d4fd
```
#b1d4fd rgb(177,212,253)
```
#b4b1fd
```
#b4b1fd rgb(180,177,253)
```
#dab1fd
```
#dab1fd rgb(218,177,253)
```

Analogous Color

#d4fdb1
```
#d4fdb1 rgb(212,253,177)
```
#b4b1fd
```
#b4b1fd rgb(180,177,253)
```
#fddab1
```
#fddab1 rgb(253,218,177)
```

Split Complementary Color

#b1fdb4
```
#b1fdb4 rgb(177,253,180)
```
#b4b1fd
```
#b4b1fd rgb(180,177,253)
```
#fdb4b1
```
#fdb4b1 rgb(253,180,177)
```

Triadic Color

#b1fafd
```
#b1fafd rgb(177,250,253)
```
#b4b1fd
```
#b4b1fd rgb(180,177,253)
```
#fdb4b1
```
#fdb4b1 rgb(253,180,177)
```
#fafdb1
```
#fafdb1 rgb(250,253,177)
```

Tetradic Color

#6c66fb
```
#6c66fb rgb(108,102,251)
```
#847ffc
```
#847ffc rgb(132,127,252)
```
#9c98fc
```
#9c98fc rgb(156,152,252)
```
#b4b1fd
```
#b4b1fd rgb(180,177,253)
```
#cccafe
```
#cccafe rgb(204,202,254)
```
#e4e3fe
```
#e4e3fe rgb(228,227,254)
```
#fcfcff
```
#fcfcff rgb(252,252,255)
```

Monochromatic Color

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

#b1c1fd
```
#b1c1fd rgb(177,193,253)
```
#b1bbfd
```
#b1bbfd rgb(177,187,253)
```
#b1b4fd
```
#b1b4fd rgb(177,180,253)
```
#b4b1fd
```
#b4b1fd rgb(180,177,253)
```
#bab1fd
```
#bab1fd rgb(186,177,253)
```
#c1b1fd
```
#c1b1fd rgb(193,177,253)
```
#c7b1fd
```
#c7b1fd rgb(199,177,253)
```

Similar Colors

Text with hexadecimal color #b4b1fd

This text has a font color of #b4b1fd.

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

#b4b1fd background color

This paragraph has a background color of #b4b1fd.

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

#b4b1fd border color

This element has a border color of #b4b1fd.

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

CSS codes

.text {color:#b4b1fd;}

.background {background-color:#b4b1fd;}

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

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

#010012
```
#010012 rgb(1,0,18)
```
#020125
```
#020125 rgb(2,1,37)
```
#040138
```
#040138 rgb(4,1,56)
```
#05024b
```
#05024b rgb(5,2,75)
```
#06025e
```
#06025e rgb(6,2,94)
```
#070371
```
#070371 rgb(7,3,113)
```
#080384
```
#080384 rgb(8,3,132)
```
#0a0498
```
#0a0498 rgb(10,4,152)
```
#0b04ab
```
#0b04ab rgb(11,4,171)
```
#0c05be
```
#0c05be rgb(12,5,190)
```
#0d05d1
```
#0d05d1 rgb(13,5,209)
```
#0f06e4
```
#0f06e4 rgb(15,6,228)
```
#1006f7
```
#1006f7 rgb(16,6,247)
```

Shade Color Variation

#2118f9
```
#2118f9 rgb(33,24,249)
```
#332bfa
```
#332bfa rgb(51,43,250)
```
#463efa
```
#463efa rgb(70,62,250)
```
#5851fb
```
#5851fb rgb(88,81,251)
```
#6a65fb
```
#6a65fb rgb(106,101,251)
```
#7d78fc
```
#7d78fc rgb(125,120,252)
```
#8f8bfc
```
#8f8bfc rgb(143,139,252)
```
#a29efd
```
#a29efd rgb(162,158,253)
```
#b4b1fd
```
#b4b1fd rgb(180,177,253)
```
#c6c4fd
```
#c6c4fd rgb(198,196,253)
```
#d9d7fe
```
#d9d7fe rgb(217,215,254)
```
#ebeafe
```
#ebeafe rgb(235,234,254)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

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

#d6d6d8
```
#d6d6d8 rgb(214,214,216)
```
#d3d3db
```
#d3d3db rgb(211,211,219)
```
#d0d0de
```
#d0d0de rgb(208,208,222)
```
#cecde1
```
#cecde1 rgb(206,205,225)
```
#cbcae4
```
#cbcae4 rgb(203,202,228)
```
#c8c7e7
```
#c8c7e7 rgb(200,199,231)
```
#c5c3eb
```
#c5c3eb rgb(197,195,235)
```
#c2c0ee
```
#c2c0ee rgb(194,192,238)
```
#bfbdf1
```
#bfbdf1 rgb(191,189,241)
```
#bdbaf4
```
#bdbaf4 rgb(189,186,244)
```
#bab7f7
```
#bab7f7 rgb(186,183,247)
```
#b7b4fa
```
#b7b4fa rgb(183,180,250)
```
#b4b1fd
```
#b4b1fd rgb(180,177,253)
```

Tone Color Variation

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

#bbbbbb Achromatopsia 0.005% of the population
#bab9c8 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a5b9ff Protanopia 1% of men
#a6bafb Deuteranopia 1% of men
#abbecc Tritanopia 0.001% of the population

Trichromacy

#aab6fe Protanomaly 1% of men, 0.01% of women
#abb6fb Deuteranomaly 6% of men, 0.4% of women
#aeb9de Tritanomaly 0.01% of the population

#b4b1fd hex color

#b4b1fd Color Information

#b4b1fd Color Conversion

Color Schemes with #b4b1fd

Alternatives to #b4b1fd

#b4b1fd Preview

Shades and Tints of #b4b1fd

Tones of #b4b1fd

Color Blindness Simulator