#b2e0fe hex color

In a RGB color space, hex #b2e0fe is composed of 69.8% red, 87.8% green and 99.6% blue. Whereas in a CMYK color space, it is composed of 29.9% cyan, 11.8% magenta, 0% yellow and 0.4% black. It has a hue angle of 203.7 degrees, a saturation of 97.4% and a lightness of 84.7%. #b2e0fe color hex could be obtained by blending #ffffff with #65c1fd. Closest websafe color is: #99ccff.

♥
- f
- t
- g
- R 70
- G 88
- B 100
RGB color chart
- C 30
- M 12
- Y 0
- K 0
CMYK color chart

● #b2e0fe color description : Very soft blue.

The hexadecimal color #b2e0fe has RGB values of R:178, G:224, B:254 and CMYK values of C:0.3, M:0.12, Y:0, K:0. Its decimal value is 11723006.

Hex triplet	b2e0fe	`#b2e0fe`
RGB Decimal	178, 224, 254	`rgb(178,224,254)`
RGB Percent	69.8, 87.8, 99.6	`rgb(69.8%,87.8%,99.6%)`
CMYK	30, 12, 0, 0
HSL	203.7°, 97.4, 84.7	`hsl(203.7,97.4%,84.7%)`
HSV (or HSB)	203.7°, 29.9, 99.6
Web Safe	99ccff	`#99ccff`

CIE-LAB	86.963, -8.082, -19.408
XYZ	62.901, 69.93, 103.944
xyY	0.266, 0.295, 69.93
CIE-LCH	86.963, 21.023, 247.393
CIE-LUV	86.963, -23.867, -29.693
Hunter-Lab	83.624, -12.077, -15.16
Binary	10110010, 11100000, 11111110

#b2e0fe
```
#b2e0fe rgb(178,224,254)
```
#fed0b2
```
#fed0b2 rgb(254,208,178)
```

Complementary Color

#b2fef6
```
#b2fef6 rgb(178,254,246)
```
#b2e0fe
```
#b2e0fe rgb(178,224,254)
```
#b2bafe
```
#b2bafe rgb(178,186,254)
```

Analogous Color

#fef6b2
```
#fef6b2 rgb(254,246,178)
```
#b2e0fe
```
#b2e0fe rgb(178,224,254)
```
#feb2ba
```
#feb2ba rgb(254,178,186)
```

Split Complementary Color

#e0feb2
```
#e0feb2 rgb(224,254,178)
```
#b2e0fe
```
#b2e0fe rgb(178,224,254)
```
#feb2e0
```
#feb2e0 rgb(254,178,224)
```

Triadic Color

#b2fed0
```
#b2fed0 rgb(178,254,208)
```
#b2e0fe
```
#b2e0fe rgb(178,224,254)
```
#feb2e0
```
#feb2e0 rgb(254,178,224)
```
#fed0b2
```
#fed0b2 rgb(254,208,178)
```

Tetradic Color

#66c2fd
```
#66c2fd rgb(102,194,253)
```
#80ccfd
```
#80ccfd rgb(128,204,253)
```
#99d6fe
```
#99d6fe rgb(153,214,254)
```
#b2e0fe
```
#b2e0fe rgb(178,224,254)
```
#cbeafe
```
#cbeafe rgb(203,234,254)
```
#e4f4ff
```
#e4f4ff rgb(228,244,255)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Monochromatic Color

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

#b2f3fe
```
#b2f3fe rgb(178,243,254)
```
#b2edfe
```
#b2edfe rgb(178,237,254)
```
#b2e6fe
```
#b2e6fe rgb(178,230,254)
```
#b2e0fe
```
#b2e0fe rgb(178,224,254)
```
#b2dafe
```
#b2dafe rgb(178,218,254)
```
#b2d3fe
```
#b2d3fe rgb(178,211,254)
```
#b2cdfe
```
#b2cdfe rgb(178,205,254)
```

Similar Colors

Text with hexadecimal color #b2e0fe

This text has a font color of #b2e0fe.

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

#b2e0fe background color

This paragraph has a background color of #b2e0fe.

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

#b2e0fe border color

This element has a border color of #b2e0fe.

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

CSS codes

.text {color:#b2e0fe;}

.background {background-color:#b2e0fe;}

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

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 #ecf7ff is the lightest one.

#000000
```
#000000 rgb(0,0,0)
```
#000c14
```
#000c14 rgb(0,12,20)
```
#011827
```
#011827 rgb(1,24,39)
```
#01243b
```
#01243b rgb(1,36,59)
```
#01304e
```
#01304e rgb(1,48,78)
```
#013b61
```
#013b61 rgb(1,59,97)
```
#024775
```
#024775 rgb(2,71,117)
```
#025388
```
#025388 rgb(2,83,136)
```
#025f9b
```
#025f9b rgb(2,95,155)
```
#026baf
```
#026baf rgb(2,107,175)
```
#0376c2
```
#0376c2 rgb(3,118,194)
```
#0382d5
```
#0382d5 rgb(3,130,213)
```
#038ee9
```
#038ee9 rgb(3,142,233)
```

Shade Color Variation

#049afc
```
#049afc rgb(4,154,252)
```
#17a2fc
```
#17a2fc rgb(23,162,252)
```
#2aa9fc
```
#2aa9fc rgb(42,169,252)
```
#3eb1fc
```
#3eb1fc rgb(62,177,252)
```
#51b9fd
```
#51b9fd rgb(81,185,253)
```
#65c1fd
```
#65c1fd rgb(101,193,253)
```
#78c9fd
```
#78c9fd rgb(120,201,253)
```
#8bd0fd
```
#8bd0fd rgb(139,208,253)
```
#9fd8fe
```
#9fd8fe rgb(159,216,254)
```
#b2e0fe
```
#b2e0fe rgb(178,224,254)
```
#c5e8fe
```
#c5e8fe rgb(197,232,254)
```
#d9f0ff
```
#d9f0ff rgb(217,240,255)
```
#ecf7ff
```
#ecf7ff rgb(236,247,255)
```

Tint Color Variation

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

#d6d8da
```
#d6d8da rgb(214,216,218)
```
#d3d9dd
```
#d3d9dd rgb(211,217,221)
```
#d0dae0
```
#d0dae0 rgb(208,218,224)
```
#cddae3
```
#cddae3 rgb(205,218,227)
```
#cadbe6
```
#cadbe6 rgb(202,219,230)
```
#c7dce9
```
#c7dce9 rgb(199,220,233)
```
#c4dcec
```
#c4dcec rgb(196,220,236)
```
#c1ddef
```
#c1ddef rgb(193,221,239)
```
#beddf2
```
#beddf2 rgb(190,221,242)
```
#bbdef5
```
#bbdef5 rgb(187,222,245)
```
#b8dff8
```
#b8dff8 rgb(184,223,248)
```
#b5dffb
```
#b5dffb rgb(181,223,251)
```
#b2e0fe
```
#b2e0fe rgb(178,224,254)
```

Tone Color Variation

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

#d6d6d6 Achromatopsia 0.005% of the population
#cfd8de Atypical Achromatopsia 0.001% of the population

Dichromacy

#d5daf9 Protanopia 1% of men
#dcd7ff Deuteranopia 1% of men
#b3e3f3 Tritanopia 0.001% of the population

Trichromacy

#c8dcfb Protanomaly 1% of men, 0.01% of women
#ccdafe Deuteranomaly 6% of men, 0.4% of women
#b2e2f7 Tritanomaly 0.01% of the population

#b2e0fe hex color

#b2e0fe Color Information

#b2e0fe Color Conversion

Color Schemes with #b2e0fe

Alternatives to #b2e0fe

#b2e0fe Preview

Shades and Tints of #b2e0fe

Tones of #b2e0fe

Color Blindness Simulator