#b4b8e2 hex color

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

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

● #b4b8e2 color description : Very soft blue.

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

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

CIE-LAB	75.746, 7.33, -21.442
XYZ	49.688, 49.475, 78.879
xyY	0.279, 0.278, 49.475
CIE-LCH	75.746, 22.66, 288.872
CIE-LUV	75.746, -4.516, -34.838
Hunter-Lab	70.338, 3.002, -17.253
Binary	10110100, 10111000, 11100010

#b4b8e2
```
#b4b8e2 rgb(180,184,226)
```
#e2deb4
```
#e2deb4 rgb(226,222,180)
```

Complementary Color

#b4cfe2
```
#b4cfe2 rgb(180,207,226)
```
#b4b8e2
```
#b4b8e2 rgb(180,184,226)
```
#c7b4e2
```
#c7b4e2 rgb(199,180,226)
```

Analogous Color

#cfe2b4
```
#cfe2b4 rgb(207,226,180)
```
#b4b8e2
```
#b4b8e2 rgb(180,184,226)
```
#e2c7b4
```
#e2c7b4 rgb(226,199,180)
```

Split Complementary Color

#b8e2b4
```
#b8e2b4 rgb(184,226,180)
```
#b4b8e2
```
#b4b8e2 rgb(180,184,226)
```
#e2b4b8
```
#e2b4b8 rgb(226,180,184)
```

Triadic Color

#b4e2de
```
#b4e2de rgb(180,226,222)
```
#b4b8e2
```
#b4b8e2 rgb(180,184,226)
```
#e2b4b8
```
#e2b4b8 rgb(226,180,184)
```
#e2deb4
```
#e2deb4 rgb(226,222,180)
```

Tetradic Color

#7d84cd
```
#7d84cd rgb(125,132,205)
```
#8f95d4
```
#8f95d4 rgb(143,149,212)
```
#a2a7db
```
#a2a7db rgb(162,167,219)
```
#b4b8e2
```
#b4b8e2 rgb(180,184,226)
```
#c6c9e9
```
#c6c9e9 rgb(198,201,233)
```
#d9dbf0
```
#d9dbf0 rgb(217,219,240)
```
#ebecf7
```
#ebecf7 rgb(235,236,247)
```

Monochromatic Color

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

#b4c4e2
```
#b4c4e2 rgb(180,196,226)
```
#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)
```

Similar Colors

Text with hexadecimal color #b4b8e2

This text has a font color of #b4b8e2.

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

#b4b8e2 background color

This paragraph has a background color of #b4b8e2.

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

#b4b8e2 border color

This element has a border color of #b4b8e2.

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

CSS codes

.text {color:#b4b8e2;}

.background {background-color:#b4b8e2;}

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

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)
```
#090b18
```
#090b18 rgb(9,11,24)
```
#0f1126
```
#0f1126 rgb(15,17,38)
```
#141734
```
#141734 rgb(20,23,52)
```
#1a1d42
```
#1a1d42 rgb(26,29,66)
```
#1f2351
```
#1f2351 rgb(31,35,81)
```
#252a5f
```
#252a5f rgb(37,42,95)
```
#2a306d
```
#2a306d rgb(42,48,109)
```
#30367b
```
#30367b rgb(48,54,123)
```
#353c89
```
#353c89 rgb(53,60,137)
```
#3b4397
```
#3b4397 rgb(59,67,151)
```
#4049a5
```
#4049a5 rgb(64,73,165)
```
#454fb4
```
#454fb4 rgb(69,79,180)
```

Shade Color Variation

#515abc
```
#515abc rgb(81,90,188)
```
#5f68c1
```
#5f68c1 rgb(95,104,193)
```
#6d75c7
```
#6d75c7 rgb(109,117,199)
```
#7b82cc
```
#7b82cc rgb(123,130,204)
```
#8a90d2
```
#8a90d2 rgb(138,144,210)
```
#989dd7
```
#989dd7 rgb(152,157,215)
```
#a6abdd
```
#a6abdd rgb(166,171,221)
```
#b4b8e2
```
#b4b8e2 rgb(180,184,226)
```
#c2c5e7
```
#c2c5e7 rgb(194,197,231)
```
#d0d3ed
```
#d0d3ed rgb(208,211,237)
```
#dee0f2
```
#dee0f2 rgb(222,224,242)
```
#edeef8
```
#edeef8 rgb(237,238,248)
```
#fbfbfd
```
#fbfbfd rgb(251,251,253)
```

Tint Color Variation

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

#c8c9ce
```
#c8c9ce rgb(200,201,206)
```
#c4c5d2
```
#c4c5d2 rgb(196,197,210)
```
#c0c2d6
```
#c0c2d6 rgb(192,194,214)
```
#bcbfda
```
#bcbfda rgb(188,191,218)
```
#b8bbde
```
#b8bbde rgb(184,187,222)
```
#b4b8e2
```
#b4b8e2 rgb(180,184,226)
```
#b0b5e6
```
#b0b5e6 rgb(176,181,230)
```
#acb1ea
```
#acb1ea rgb(172,177,234)
```
#a8aeee
```
#a8aeee rgb(168,174,238)
```
#a4abf2
```
#a4abf2 rgb(164,171,242)
```
#a0a7f6
```
#a0a7f6 rgb(160,167,246)
```
#9ca4fa
```
#9ca4fa rgb(156,164,250)
```
#98a1fe
```
#98a1fe rgb(152,161,254)
```

Tone Color Variation

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

#bcbcbc Achromatopsia 0.005% of the population
#babbc4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b4bce4 Protanopia 1% of men
#bbbae3 Deuteranopia 1% of men
#b2bfcd Tritanopia 0.001% of the population

Trichromacy

#b4bae3 Protanomaly 1% of men, 0.01% of women
#b9b9e3 Deuteranomaly 6% of men, 0.4% of women
#b3bcd4 Tritanomaly 0.01% of the population

#b4b8e2 hex color

#b4b8e2 Color Information

#b4b8e2 Color Conversion

Color Schemes with #b4b8e2

Alternatives to #b4b8e2

#b4b8e2 Preview

Shades and Tints of #b4b8e2

Tones of #b4b8e2

Color Blindness Simulator