#b4b4e2 hex color

In a RGB color space, hex #b4b4e2 is composed of 70.6% red, 70.6% green and 88.6% blue. Whereas in a CMYK color space, it is composed of 20.4% cyan, 20.4% magenta, 0% yellow and 11.4% black. It has a hue angle of 240 degrees, a saturation of 44.2% and a lightness of 79.6%. #b4b4e2 color hex could be obtained by blending #ffffff with #6969c5. Closest websafe color is: #cccccc.

♥
- f
- t
- g
- R 71
- G 71
- B 89
RGB color chart
- C 20
- M 20
- Y 0
- K 11
CMYK color chart

● #b4b4e2 color description : Very soft blue.

The hexadecimal color #b4b4e2 has RGB values of R:180, G:180, B:226 and CMYK values of C:0.2, M:0.2, Y:0, K:0.11. Its decimal value is 11842786.

Hex triplet	b4b4e2	`#b4b4e2`
RGB Decimal	180, 180, 226	`rgb(180,180,226)`
RGB Percent	70.6, 70.6, 88.6	`rgb(70.6%,70.6%,88.6%)`
CMYK	20, 20, 0, 11
HSL	240°, 44.2, 79.6	`hsl(240,44.2%,79.6%)`
HSV (or HSB)	240°, 20.4, 88.6
Web Safe	cccccc	`#cccccc`

CIE-LAB	74.722, 9.518, -23
XYZ	48.869, 47.836, 78.606
xyY	0.279, 0.273, 47.836
CIE-LCH	74.722, 24.891, 292.481
CIE-LUV	74.722, -2.721, -37.658
Hunter-Lab	69.164, 5.085, -18.97
Binary	10110100, 10110100, 11100010

#b4b4e2
```
#b4b4e2 rgb(180,180,226)
```
#e2e2b4
```
#e2e2b4 rgb(226,226,180)
```

Complementary Color

#b4cbe2
```
#b4cbe2 rgb(180,203,226)
```
#b4b4e2
```
#b4b4e2 rgb(180,180,226)
```
#cbb4e2
```
#cbb4e2 rgb(203,180,226)
```

Analogous Color

#cbe2b4
```
#cbe2b4 rgb(203,226,180)
```
#b4b4e2
```
#b4b4e2 rgb(180,180,226)
```
#e2cbb4
```
#e2cbb4 rgb(226,203,180)
```

Split Complementary Color

#b4e2b4
```
#b4e2b4 rgb(180,226,180)
```
#b4b4e2
```
#b4b4e2 rgb(180,180,226)
```
#e2b4b4
```
#e2b4b4 rgb(226,180,180)
```

Triadic Color

#b4e2e2
```
#b4e2e2 rgb(180,226,226)
```
#b4b4e2
```
#b4b4e2 rgb(180,180,226)
```
#e2b4b4
```
#e2b4b4 rgb(226,180,180)
```
#e2e2b4
```
#e2e2b4 rgb(226,226,180)
```

Tetradic Color

#7d7dcd
```
#7d7dcd rgb(125,125,205)
```
#8f8fd4
```
#8f8fd4 rgb(143,143,212)
```
#a2a2db
```
#a2a2db rgb(162,162,219)
```
#b4b4e2
```
#b4b4e2 rgb(180,180,226)
```
#c6c6e9
```
#c6c6e9 rgb(198,198,233)
```
#d9d9f0
```
#d9d9f0 rgb(217,217,240)
```
#ebebf7
```
#ebebf7 rgb(235,235,247)
```

Monochromatic Color

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

#b4c0e2
```
#b4c0e2 rgb(180,192,226)
```
#b4bce2
```
#b4bce2 rgb(180,188,226)
```
#b4b8e2
```
#b4b8e2 rgb(180,184,226)
```
#b4b4e2
```
#b4b4e2 rgb(180,180,226)
```
#b8b4e2
```
#b8b4e2 rgb(184,180,226)
```
#bcb4e2
```
#bcb4e2 rgb(188,180,226)
```
#c0b4e2
```
#c0b4e2 rgb(192,180,226)
```

Similar Colors

Text with hexadecimal color #b4b4e2

This text has a font color of #b4b4e2.

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

#b4b4e2 background color

This paragraph has a background color of #b4b4e2.

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

#b4b4e2 border color

This element has a border color of #b4b4e2.

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

CSS codes

.text {color:#b4b4e2;}

.background {background-color:#b4b4e2;}

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

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, #04040a is the darkest color, while #fbfbfd is the lightest one.

#04040a
```
#04040a rgb(4,4,10)
```
#090918
```
#090918 rgb(9,9,24)
```
#0f0f26
```
#0f0f26 rgb(15,15,38)
```
#141434
```
#141434 rgb(20,20,52)
```
#1a1a42
```
#1a1a42 rgb(26,26,66)
```
#1f1f51
```
#1f1f51 rgb(31,31,81)
```
#25255f
```
#25255f rgb(37,37,95)
```
#2a2a6d
```
#2a2a6d rgb(42,42,109)
```
#30307b
```
#30307b rgb(48,48,123)
```
#353589
```
#353589 rgb(53,53,137)
```
#3b3b97
```
#3b3b97 rgb(59,59,151)
```
#4040a5
```
#4040a5 rgb(64,64,165)
```
#4545b4
```
#4545b4 rgb(69,69,180)
```

Shade Color Variation

#5151bc
```
#5151bc rgb(81,81,188)
```
#5f5fc1
```
#5f5fc1 rgb(95,95,193)
```
#6d6dc7
```
#6d6dc7 rgb(109,109,199)
```
#7b7bcc
```
#7b7bcc rgb(123,123,204)
```
#8a8ad2
```
#8a8ad2 rgb(138,138,210)
```
#9898d7
```
#9898d7 rgb(152,152,215)
```
#a6a6dd
```
#a6a6dd rgb(166,166,221)
```
#b4b4e2
```
#b4b4e2 rgb(180,180,226)
```
#c2c2e7
```
#c2c2e7 rgb(194,194,231)
```
#d0d0ed
```
#d0d0ed rgb(208,208,237)
```
#dedef2
```
#dedef2 rgb(222,222,242)
```
#ededf8
```
#ededf8 rgb(237,237,248)
```
#fbfbfd
```
#fbfbfd rgb(251,251,253)
```

Tint Color Variation

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

#c8c8ce
```
#c8c8ce rgb(200,200,206)
```
#c4c4d2
```
#c4c4d2 rgb(196,196,210)
```
#c0c0d6
```
#c0c0d6 rgb(192,192,214)
```
#bcbcda
```
#bcbcda rgb(188,188,218)
```
#b8b8de
```
#b8b8de rgb(184,184,222)
```
#b4b4e2
```
#b4b4e2 rgb(180,180,226)
```
#b0b0e6
```
#b0b0e6 rgb(176,176,230)
```
#acacea
```
#acacea rgb(172,172,234)
```
#a8a8ee
```
#a8a8ee rgb(168,168,238)
```
#a4a4f2
```
#a4a4f2 rgb(164,164,242)
```
#a0a0f6
```
#a0a0f6 rgb(160,160,246)
```
#9c9cfa
```
#9c9cfa rgb(156,156,250)
```
#9898fe
```
#9898fe rgb(152,152,254)
```

Tone Color Variation

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

#b9b9b9 Achromatopsia 0.005% of the population
#b8b8c1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b0b9e4 Protanopia 1% of men
#b7b8e3 Deuteranopia 1% of men
#b2bcca Tritanopia 0.001% of the population

Trichromacy

#b1b7e3 Protanomaly 1% of men, 0.01% of women
#b6b6e2 Deuteranomaly 6% of men, 0.4% of women
#b2b9d2 Tritanomaly 0.01% of the population

#b4b4e2 hex color

#b4b4e2 Color Information

#b4b4e2 Color Conversion

Color Schemes with #b4b4e2

Alternatives to #b4b4e2

#b4b4e2 Preview

Shades and Tints of #b4b4e2

Tones of #b4b4e2

Color Blindness Simulator