#b2bfe4 hex color

In a RGB color space, hex #b2bfe4 is composed of 69.8% red, 74.9% green and 89.4% blue. Whereas in a CMYK color space, it is composed of 21.9% cyan, 16.2% magenta, 0% yellow and 10.6% black. It has a hue angle of 224.4 degrees, a saturation of 48.1% and a lightness of 79.6%. #b2bfe4 color hex could be obtained by blending #ffffff with #657fc9. Closest websafe color is: #99cccc.

♥
- f
- t
- g
- R 70
- G 75
- B 89
RGB color chart
- C 22
- M 16
- Y 0
- K 11
CMYK color chart

● #b2bfe4 color description : Very soft blue.

The hexadecimal color #b2bfe4 has RGB values of R:178, G:191, B:228 and CMYK values of C:0.22, M:0.16, Y:0, K:0.11. Its decimal value is 11714532.

Hex triplet	b2bfe4	`#b2bfe4`
RGB Decimal	178, 191, 228	`rgb(178,191,228)`
RGB Percent	69.8, 74.9, 89.4	`rgb(69.8%,74.9%,89.4%)`
CMYK	22, 16, 0, 11
HSL	224.4°, 48.1, 79.6	`hsl(224.4,48.1%,79.6%)`
HSV (or HSB)	224.4°, 21.9, 89.4
Web Safe	99cccc	`#99cccc`

CIE-LAB	77.476, 3.364, -19.911
XYZ	50.992, 52.327, 80.808
xyY	0.277, 0.284, 52.327
CIE-LCH	77.476, 20.193, 279.59
CIE-LUV	77.476, -8.751, -31.826
Hunter-Lab	72.338, -0.764, -15.596
Binary	10110010, 10111111, 11100100

#b2bfe4
```
#b2bfe4 rgb(178,191,228)
```
#e4d7b2
```
#e4d7b2 rgb(228,215,178)
```

Complementary Color

#b2d8e4
```
#b2d8e4 rgb(178,216,228)
```
#b2bfe4
```
#b2bfe4 rgb(178,191,228)
```
#beb2e4
```
#beb2e4 rgb(190,178,228)
```

Analogous Color

#d8e4b2
```
#d8e4b2 rgb(216,228,178)
```
#b2bfe4
```
#b2bfe4 rgb(178,191,228)
```
#e4beb2
```
#e4beb2 rgb(228,190,178)
```

Split Complementary Color

#bfe4b2
```
#bfe4b2 rgb(191,228,178)
```
#b2bfe4
```
#b2bfe4 rgb(178,191,228)
```
#e4b2bf
```
#e4b2bf rgb(228,178,191)
```

Triadic Color

#b2e4d7
```
#b2e4d7 rgb(178,228,215)
```
#b2bfe4
```
#b2bfe4 rgb(178,191,228)
```
#e4b2bf
```
#e4b2bf rgb(228,178,191)
```
#e4d7b2
```
#e4d7b2 rgb(228,215,178)
```

Tetradic Color

#7990d0
```
#7990d0 rgb(121,144,208)
```
#8ca0d7
```
#8ca0d7 rgb(140,160,215)
```
#9fafdd
```
#9fafdd rgb(159,175,221)
```
#b2bfe4
```
#b2bfe4 rgb(178,191,228)
```
#c5cfeb
```
#c5cfeb rgb(197,207,235)
```
#d8def1
```
#d8def1 rgb(216,222,241)
```
#ebeef8
```
#ebeef8 rgb(235,238,248)
```

Monochromatic Color

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

#b2cce4
```
#b2cce4 rgb(178,204,228)
```
#b2c7e4
```
#b2c7e4 rgb(178,199,228)
```
#b2c3e4
```
#b2c3e4 rgb(178,195,228)
```
#b2bfe4
```
#b2bfe4 rgb(178,191,228)
```
#b2bbe4
```
#b2bbe4 rgb(178,187,228)
```
#b2b7e4
```
#b2b7e4 rgb(178,183,228)
```
#b2b3e4
```
#b2b3e4 rgb(178,179,228)
```

Similar Colors

Text with hexadecimal color #b2bfe4

This text has a font color of #b2bfe4.

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

#b2bfe4 background color

This paragraph has a background color of #b2bfe4.

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

#b2bfe4 border color

This element has a border color of #b2bfe4.

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

CSS codes

.text {color:#b2bfe4;}

.background {background-color:#b2bfe4;}

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

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

#04050a
```
#04050a rgb(4,5,10)
```
#090d19
```
#090d19 rgb(9,13,25)
```
#0e1427
```
#0e1427 rgb(14,20,39)
```
#131c36
```
#131c36 rgb(19,28,54)
```
#182344
```
#182344 rgb(24,35,68)
```
#1d2b53
```
#1d2b53 rgb(29,43,83)
```
#223361
```
#223361 rgb(34,51,97)
```
#273a70
```
#273a70 rgb(39,58,112)
```
#2c427e
```
#2c427e rgb(44,66,126)
```
#31498d
```
#31498d rgb(49,73,141)
```
#36519b
```
#36519b rgb(54,81,155)
```
#3c58aa
```
#3c58aa rgb(60,88,170)
```
#4160b8
```
#4160b8 rgb(65,96,184)
```

Shade Color Variation

#4c6bc0
```
#4c6bc0 rgb(76,107,192)
```
#5b77c5
```
#5b77c5 rgb(91,119,197)
```
#6983cb
```
#6983cb rgb(105,131,203)
```
#788fd0
```
#788fd0 rgb(120,143,208)
```
#869bd5
```
#869bd5 rgb(134,155,213)
```
#95a7da
```
#95a7da rgb(149,167,218)
```
#a3b3df
```
#a3b3df rgb(163,179,223)
```
#b2bfe4
```
#b2bfe4 rgb(178,191,228)
```
#c1cbe9
```
#c1cbe9 rgb(193,203,233)
```
#cfd7ee
```
#cfd7ee rgb(207,215,238)
```
#dee3f3
```
#dee3f3 rgb(222,227,243)
```
#eceff8
```
#eceff8 rgb(236,239,248)
```
#fbfbfd
```
#fbfbfd rgb(251,251,253)
```

Tint Color Variation

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

#cacbcc
```
#cacbcc rgb(202,203,204)
```
#c6c9d0
```
#c6c9d0 rgb(198,201,208)
```
#c2c7d4
```
#c2c7d4 rgb(194,199,212)
```
#bec5d8
```
#bec5d8 rgb(190,197,216)
```
#bac3dc
```
#bac3dc rgb(186,195,220)
```
#b6c1e0
```
#b6c1e0 rgb(182,193,224)
```
#b2bfe4
```
#b2bfe4 rgb(178,191,228)
```
#aebde8
```
#aebde8 rgb(174,189,232)
```
#aabbec
```
#aabbec rgb(170,187,236)
```
#a6b9f0
```
#a6b9f0 rgb(166,185,240)
```
#a2b7f4
```
#a2b7f4 rgb(162,183,244)
```
#9eb5f8
```
#9eb5f8 rgb(158,181,248)
```
#9ab3fc
```
#9ab3fc rgb(154,179,252)
```

Tone Color Variation

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

#bfbfbf Achromatopsia 0.005% of the population
#bcbfc6 Atypical Achromatopsia 0.001% of the population

Dichromacy

#bac1e4 Protanopia 1% of men
#c1bee6 Deuteranopia 1% of men
#b1c5d3 Tritanopia 0.001% of the population

Trichromacy

#b7c0e4 Protanomaly 1% of men, 0.01% of women
#bcbee5 Deuteranomaly 6% of men, 0.4% of women
#b1c3d9 Tritanomaly 0.01% of the population

#b2bfe4 hex color

#b2bfe4 Color Information

#b2bfe4 Color Conversion

Color Schemes with #b2bfe4

Alternatives to #b2bfe4

#b2bfe4 Preview

Shades and Tints of #b2bfe4

Tones of #b2bfe4

Color Blindness Simulator