#b4b1ff hex color

In a RGB color space, hex #b4b1ff is composed of 70.6% red, 69.4% green and 100% blue. Whereas in a CMYK color space, it is composed of 29.4% cyan, 30.6% magenta, 0% yellow and 0% black. It has a hue angle of 242.3 degrees, a saturation of 100% and a lightness of 84.7%. #b4b1ff color hex could be obtained by blending #ffffff with #6963ff. Closest websafe color is: #cc99ff.

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

● #b4b1ff color description : Pale blue.

The hexadecimal color #b4b1ff has RGB values of R:180, G:177, B:255 and CMYK values of C:0.29, M:0.31, Y:0, K:0. Its decimal value is 11842047.

Hex triplet	b4b1ff	`#b4b1ff`
RGB Decimal	180, 177, 255	`rgb(180,177,255)`
RGB Percent	70.6, 69.4, 100	`rgb(70.6%,69.4%,100%)`
CMYK	29, 31, 0, 0
HSL	242.3°, 100, 84.7	`hsl(242.3,100%,84.7%)`
HSV (or HSB)	242.3°, 30.6, 100
Web Safe	cc99ff	`#cc99ff`

CIE-LAB	75.056, 18.001, -38.167
XYZ	52.591, 48.367, 101.167
xyY	0.26, 0.239, 48.367
CIE-LCH	75.056, 42.199, 295.25
CIE-LUV	75.056, -3.264, -64.275
Hunter-Lab	69.546, 13.276, -37.565
Binary	10110100, 10110001, 11111111

#b4b1ff
```
#b4b1ff rgb(180,177,255)
```
#fcffb1
```
#fcffb1 rgb(252,255,177)
```

Complementary Color

#b1d5ff
```
#b1d5ff rgb(177,213,255)
```
#b4b1ff
```
#b4b1ff rgb(180,177,255)
```
#dbb1ff
```
#dbb1ff rgb(219,177,255)
```

Analogous Color

#d5ffb1
```
#d5ffb1 rgb(213,255,177)
```
#b4b1ff
```
#b4b1ff rgb(180,177,255)
```
#ffdbb1
```
#ffdbb1 rgb(255,219,177)
```

Split Complementary Color

#b1ffb4
```
#b1ffb4 rgb(177,255,180)
```
#b4b1ff
```
#b4b1ff rgb(180,177,255)
```
#ffb4b1
```
#ffb4b1 rgb(255,180,177)
```

Triadic Color

#b1fcff
```
#b1fcff rgb(177,252,255)
```
#b4b1ff
```
#b4b1ff rgb(180,177,255)
```
#ffb4b1
```
#ffb4b1 rgb(255,180,177)
```
#fcffb1
```
#fcffb1 rgb(252,255,177)
```

Tetradic Color

#6a65ff
```
#6a65ff rgb(106,101,255)
```
#837eff
```
#837eff rgb(131,126,255)
```
#9b98ff
```
#9b98ff rgb(155,152,255)
```
#b4b1ff
```
#b4b1ff rgb(180,177,255)
```
#cdcbff
```
#cdcbff rgb(205,203,255)
```
#e5e4ff
```
#e5e4ff rgb(229,228,255)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Monochromatic Color

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

#b1c2ff
```
#b1c2ff rgb(177,194,255)
```
#b1bbff
```
#b1bbff rgb(177,187,255)
```
#b1b5ff
```
#b1b5ff rgb(177,181,255)
```
#b4b1ff
```
#b4b1ff rgb(180,177,255)
```
#bbb1ff
```
#bbb1ff rgb(187,177,255)
```
#c1b1ff
```
#c1b1ff rgb(193,177,255)
```
#c8b1ff
```
#c8b1ff rgb(200,177,255)
```

Similar Colors

Text with hexadecimal color #b4b1ff

This text has a font color of #b4b1ff.

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

#b4b1ff background color

This paragraph has a background color of #b4b1ff.

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

#b4b1ff border color

This element has a border color of #b4b1ff.

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

CSS codes

.text {color:#b4b1ff;}

.background {background-color:#b4b1ff;}

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

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

#000000
```
#000000 rgb(0,0,0)
```
#010014
```
#010014 rgb(1,0,20)
```
#020028
```
#020028 rgb(2,0,40)
```
#02003b
```
#02003b rgb(2,0,59)
```
#03004f
```
#03004f rgb(3,0,79)
```
#040063
```
#040063 rgb(4,0,99)
```
#050076
```
#050076 rgb(5,0,118)
```
#05008a
```
#05008a rgb(5,0,138)
```
#06009d
```
#06009d rgb(6,0,157)
```
#0700b1
```
#0700b1 rgb(7,0,177)
```
#0800c5
```
#0800c5 rgb(8,0,197)
```
#0800d8
```
#0800d8 rgb(8,0,216)
```
#0900ec
```
#0900ec rgb(9,0,236)
```

Shade Color Variation

#0a00ff
```
#0a00ff rgb(10,0,255)
```
#1d14ff
```
#1d14ff rgb(29,20,255)
```
#3028ff
```
#3028ff rgb(48,40,255)
```
#433bff
```
#433bff rgb(67,59,255)
```
#564fff
```
#564fff rgb(86,79,255)
```
#6963ff
```
#6963ff rgb(105,99,255)
```
#7b76ff
```
#7b76ff rgb(123,118,255)
```
#8e8aff
```
#8e8aff rgb(142,138,255)
```
#a19dff
```
#a19dff rgb(161,157,255)
```
#b4b1ff
```
#b4b1ff rgb(180,177,255)
```
#c7c5ff
```
#c7c5ff rgb(199,197,255)
```
#dad8ff
```
#dad8ff rgb(218,216,255)
```
#edecff
```
#edecff rgb(237,236,255)
```

Tint Color Variation

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

#d5d5db
```
#d5d5db rgb(213,213,219)
```
#d2d2de
```
#d2d2de rgb(210,210,222)
```
#d0cfe1
```
#d0cfe1 rgb(208,207,225)
```
#cdcce4
```
#cdcce4 rgb(205,204,228)
```
#cac9e7
```
#cac9e7 rgb(202,201,231)
```
#c7c6ea
```
#c7c6ea rgb(199,198,234)
```
#c5c3ed
```
#c5c3ed rgb(197,195,237)
```
#c2c0f0
```
#c2c0f0 rgb(194,192,240)
```
#bfbdf3
```
#bfbdf3 rgb(191,189,243)
```
#bcbaf6
```
#bcbaf6 rgb(188,186,246)
```
#bab7f9
```
#bab7f9 rgb(186,183,249)
```
#b7b4fc
```
#b7b4fc rgb(183,180,252)
```
#b4b1ff
```
#b4b1ff rgb(180,177,255)
```

Tone Color Variation

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

Dichromacy

#a5baff Protanopia 1% of men
#a5bafd Deuteranopia 1% of men
#abbfcd Tritanopia 0.001% of the population

Trichromacy

#aab6ff Protanomaly 1% of men, 0.01% of women
#aab6fd Deuteranomaly 6% of men, 0.4% of women
#aebadf Tritanomaly 0.01% of the population

#b4b1ff hex color

#b4b1ff Color Information

#b4b1ff Color Conversion

Color Schemes with #b4b1ff

Alternatives to #b4b1ff

#b4b1ff Preview

Shades and Tints of #b4b1ff

Tones of #b4b1ff

Color Blindness Simulator