#b2e1f5 hex color

In a RGB color space, hex #b2e1f5 is composed of 69.8% red, 88.2% green and 96.1% blue. Whereas in a CMYK color space, it is composed of 27.3% cyan, 8.2% magenta, 0% yellow and 3.9% black. It has a hue angle of 197.9 degrees, a saturation of 77% and a lightness of 82.9%. #b2e1f5 color hex could be obtained by blending #ffffff with #65c3eb. Closest websafe color is: #99ccff.

♥
- f
- t
- g
- R 70
- G 88
- B 96
RGB color chart
- C 27
- M 8
- Y 0
- K 4
CMYK color chart

● #b2e1f5 color description : Very soft blue.

The hexadecimal color #b2e1f5 has RGB values of R:178, G:225, B:245 and CMYK values of C:0.27, M:0.08, Y:0, K:0.04. Its decimal value is 11723253.

Hex triplet	b2e1f5	`#b2e1f5`
RGB Decimal	178, 225, 245	`rgb(178,225,245)`
RGB Percent	69.8, 88.2, 96.1	`rgb(69.8%,88.2%,96.1%)`
CMYK	27, 8, 0, 4
HSL	197.9°, 77, 82.9	`hsl(197.9,77%,82.9%)`
HSV (or HSB)	197.9°, 27.3, 96.1
Web Safe	99ccff	`#99ccff`

CIE-LAB	86.951, -10.675, -14.689
XYZ	61.763, 69.906, 96.62
xyY	0.271, 0.306, 69.906
CIE-LCH	86.951, 18.159, 233.994
CIE-LUV	86.951, -24.191, -21.487
Hunter-Lab	83.61, -14.458, -9.989
Binary	10110010, 11100001, 11110101

#b2e1f5
```
#b2e1f5 rgb(178,225,245)
```
#f5c6b2
```
#f5c6b2 rgb(245,198,178)
```

Complementary Color

#b2f5e8
```
#b2f5e8 rgb(178,245,232)
```
#b2e1f5
```
#b2e1f5 rgb(178,225,245)
```
#b2c0f5
```
#b2c0f5 rgb(178,192,245)
```

Analogous Color

#f5e8b2
```
#f5e8b2 rgb(245,232,178)
```
#b2e1f5
```
#b2e1f5 rgb(178,225,245)
```
#f5b2c0
```
#f5b2c0 rgb(245,178,192)
```

Split Complementary Color

#e1f5b2
```
#e1f5b2 rgb(225,245,178)
```
#b2e1f5
```
#b2e1f5 rgb(178,225,245)
```
#f5b2e1
```
#f5b2e1 rgb(245,178,225)
```

Triadic Color

#b2f5c6
```
#b2f5c6 rgb(178,245,198)
```
#b2e1f5
```
#b2e1f5 rgb(178,225,245)
```
#f5b2e1
```
#f5b2e1 rgb(245,178,225)
```
#f5c6b2
```
#f5c6b2 rgb(245,198,178)
```

Tetradic Color

#6ec7ec
```
#6ec7ec rgb(110,199,236)
```
#85cfef
```
#85cfef rgb(133,207,239)
```
#9bd8f2
```
#9bd8f2 rgb(155,216,242)
```
#b2e1f5
```
#b2e1f5 rgb(178,225,245)
```
#c9eaf8
```
#c9eaf8 rgb(201,234,248)
```
#dff3fb
```
#dff3fb rgb(223,243,251)
```
#f6fbfe
```
#f6fbfe rgb(246,251,254)
```

Monochromatic Color

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

#b2f2f5
```
#b2f2f5 rgb(178,242,245)
```
#b2ecf5
```
#b2ecf5 rgb(178,236,245)
```
#b2e7f5
```
#b2e7f5 rgb(178,231,245)
```
#b2e1f5
```
#b2e1f5 rgb(178,225,245)
```
#b2dbf5
```
#b2dbf5 rgb(178,219,245)
```
#b2d6f5
```
#b2d6f5 rgb(178,214,245)
```
#b2d0f5
```
#b2d0f5 rgb(178,208,245)
```

Similar Colors

Text with hexadecimal color #b2e1f5

This text has a font color of #b2e1f5.

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

#b2e1f5 background color

This paragraph has a background color of #b2e1f5.

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

#b2e1f5 border color

This element has a border color of #b2e1f5.

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

CSS codes

.text {color:#b2e1f5;}

.background {background-color:#b2e1f5;}

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

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

#01070a
```
#01070a rgb(1,7,10)
```
#04141b
```
#04141b rgb(4,20,27)
```
#06212d
```
#06212d rgb(6,33,45)
```
#082e3e
```
#082e3e rgb(8,46,62)
```
#0a3b4f
```
#0a3b4f rgb(10,59,79)
```
#0d4861
```
#0d4861 rgb(13,72,97)
```
#0f5472
```
#0f5472 rgb(15,84,114)
```
#116183
```
#116183 rgb(17,97,131)
```
#136e95
```
#136e95 rgb(19,110,149)
```
#167ba6
```
#167ba6 rgb(22,123,166)
```
#1888b7
```
#1888b7 rgb(24,136,183)
```
#1a95c9
```
#1a95c9 rgb(26,149,201)
```
#1ca1da
```
#1ca1da rgb(28,161,218)
```

Shade Color Variation

#27abe3
```
#27abe3 rgb(39,171,227)
```
#38b2e5
```
#38b2e5 rgb(56,178,229)
```
#4ab8e7
```
#4ab8e7 rgb(74,184,231)
```
#5bbfea
```
#5bbfea rgb(91,191,234)
```
#6dc6ec
```
#6dc6ec rgb(109,198,236)
```
#7ecdee
```
#7ecdee rgb(126,205,238)
```
#8fd3f0
```
#8fd3f0 rgb(143,211,240)
```
#a1daf3
```
#a1daf3 rgb(161,218,243)
```
#b2e1f5
```
#b2e1f5 rgb(178,225,245)
```
#c3e8f7
```
#c3e8f7 rgb(195,232,247)
```
#d5effa
```
#d5effa rgb(213,239,250)
```
#e6f5fc
```
#e6f5fc rgb(230,245,252)
```
#f7fcfe
```
#f7fcfe rgb(247,252,254)
```

Tint Color Variation

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

#d3d4d4
```
#d3d4d4 rgb(211,212,212)
```
#d0d5d7
```
#d0d5d7 rgb(208,213,215)
```
#cdd6da
```
#cdd6da rgb(205,214,218)
```
#c9d8de
```
#c9d8de rgb(201,216,222)
```
#c6d9e1
```
#c6d9e1 rgb(198,217,225)
```
#c3dae4
```
#c3dae4 rgb(195,218,228)
```
#bfdce8
```
#bfdce8 rgb(191,220,232)
```
#bcddeb
```
#bcddeb rgb(188,221,235)
```
#b9deee
```
#b9deee rgb(185,222,238)
```
#b5e0f2
```
#b5e0f2 rgb(181,224,242)
```
#b2e1f5
```
#b2e1f5 rgb(178,225,245)
```
#afe2f8
```
#afe2f8 rgb(175,226,248)
```
#abe4fc
```
#abe4fc rgb(171,228,252)
```

Tone Color Variation

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

#d5d5d5 Achromatopsia 0.005% of the population
#ced7db Atypical Achromatopsia 0.001% of the population

Dichromacy

#d8daf0 Protanopia 1% of men
#e1d6f9 Deuteranopia 1% of men
#b5e2f3 Tritanopia 0.001% of the population

Trichromacy

#cadcf2 Protanomaly 1% of men, 0.01% of women
#cfdaf7 Deuteranomaly 6% of men, 0.4% of women
#b4e2f3 Tritanomaly 0.01% of the population

#b2e1f5 hex color

#b2e1f5 Color Information

#b2e1f5 Color Conversion

Color Schemes with #b2e1f5

Alternatives to #b2e1f5

#b2e1f5 Preview

Shades and Tints of #b2e1f5

Tones of #b2e1f5

Color Blindness Simulator