#b1f4fe hex color

In a RGB color space, hex #b1f4fe is composed of 69.4% red, 95.7% green and 99.6% blue. Whereas in a CMYK color space, it is composed of 30.3% cyan, 3.9% magenta, 0% yellow and 0.4% black. It has a hue angle of 187.8 degrees, a saturation of 97.5% and a lightness of 84.5%. #b1f4fe color hex could be obtained by blending #ffffff with #63e9fd. Closest websafe color is: #99ffff.

♥
- f
- t
- g
- R 69
- G 96
- B 100
RGB color chart
- C 30
- M 4
- Y 0
- K 0
CMYK color chart

● #b1f4fe color description : Very soft cyan.

The hexadecimal color #b1f4fe has RGB values of R:177, G:244, B:254 and CMYK values of C:0.3, M:0.04, Y:0, K:0. Its decimal value is 11662590.

Hex triplet	b1f4fe	`#b1f4fe`
RGB Decimal	177, 244, 254	`rgb(177,244,254)`
RGB Percent	69.4, 95.7, 99.6	`rgb(69.4%,95.7%,99.6%)`
CMYK	30, 4, 0, 0
HSL	187.8°, 97.5, 84.5	`hsl(187.8,97.5%,84.5%)`
HSV (or HSB)	187.8°, 30.3, 99.6
Web Safe	99ffff	`#99ffff`

CIE-LAB	92.221, -18.476, -11.526
XYZ	68.367, 81.201, 105.832
xyY	0.268, 0.318, 81.201
CIE-LCH	92.221, 21.776, 211.956
CIE-LUV	92.221, -32.772, -15.207
Hunter-Lab	90.112, -22.269, -6.555
Binary	10110001, 11110100, 11111110

#b1f4fe
```
#b1f4fe rgb(177,244,254)
```
#febbb1
```
#febbb1 rgb(254,187,177)
```

Complementary Color

#b1fee2
```
#b1fee2 rgb(177,254,226)
```
#b1f4fe
```
#b1f4fe rgb(177,244,254)
```
#b1cefe
```
#b1cefe rgb(177,206,254)
```

Analogous Color

#fee2b1
```
#fee2b1 rgb(254,226,177)
```
#b1f4fe
```
#b1f4fe rgb(177,244,254)
```
#feb1ce
```
#feb1ce rgb(254,177,206)
```

Split Complementary Color

#f4feb1
```
#f4feb1 rgb(244,254,177)
```
#b1f4fe
```
#b1f4fe rgb(177,244,254)
```
#feb1f4
```
#feb1f4 rgb(254,177,244)
```

Triadic Color

#b1febb
```
#b1febb rgb(177,254,187)
```
#b1f4fe
```
#b1f4fe rgb(177,244,254)
```
#feb1f4
```
#feb1f4 rgb(254,177,244)
```
#febbb1
```
#febbb1 rgb(254,187,177)
```

Tetradic Color

#65e9fd
```
#65e9fd rgb(101,233,253)
```
#7fedfd
```
#7fedfd rgb(127,237,253)
```
#98f0fe
```
#98f0fe rgb(152,240,254)
```
#b1f4fe
```
#b1f4fe rgb(177,244,254)
```
#caf8fe
```
#caf8fe rgb(202,248,254)
```
#e3fbff
```
#e3fbff rgb(227,251,255)
```
#fdffff
```
#fdffff rgb(253,255,255)
```

Monochromatic Color

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

#b1fef5
```
#b1fef5 rgb(177,254,245)
```
#b1fefb
```
#b1fefb rgb(177,254,251)
```
#b1fafe
```
#b1fafe rgb(177,250,254)
```
#b1f4fe
```
#b1f4fe rgb(177,244,254)
```
#b1eefe
```
#b1eefe rgb(177,238,254)
```
#b1e7fe
```
#b1e7fe rgb(177,231,254)
```
#b1e1fe
```
#b1e1fe rgb(177,225,254)
```

Similar Colors

Text with hexadecimal color #b1f4fe

This text has a font color of #b1f4fe.

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

#b1f4fe background color

This paragraph has a background color of #b1f4fe.

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

#b1f4fe border color

This element has a border color of #b1f4fe.

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

CSS codes

.text {color:#b1f4fe;}

.background {background-color:#b1f4fe;}

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

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, #001013 is the darkest color, while #feffff is the lightest one.

#001013
```
#001013 rgb(0,16,19)
```
#002126
```
#002126 rgb(0,33,38)
```
#01323a
```
#01323a rgb(1,50,58)
```
#01434d
```
#01434d rgb(1,67,77)
```
#015460
```
#015460 rgb(1,84,96)
```
#016574
```
#016574 rgb(1,101,116)
```
#027687
```
#027687 rgb(2,118,135)
```
#02879a
```
#02879a rgb(2,135,154)
```
#0297ae
```
#0297ae rgb(2,151,174)
```
#02a8c1
```
#02a8c1 rgb(2,168,193)
```
#03b9d5
```
#03b9d5 rgb(3,185,213)
```
#03cae8
```
#03cae8 rgb(3,202,232)
```
#03dbfb
```
#03dbfb rgb(3,219,251)
```

Shade Color Variation

#16defc
```
#16defc rgb(22,222,252)
```
#29e1fc
```
#29e1fc rgb(41,225,252)
```
#3de4fd
```
#3de4fd rgb(61,228,253)
```
#50e6fd
```
#50e6fd rgb(80,230,253)
```
#64e9fd
```
#64e9fd rgb(100,233,253)
```
#77ecfd
```
#77ecfd rgb(119,236,253)
```
#8aeffe
```
#8aeffe rgb(138,239,254)
```
#9ef1fe
```
#9ef1fe rgb(158,241,254)
```
#b1f4fe
```
#b1f4fe rgb(177,244,254)
```
#c4f7fe
```
#c4f7fe rgb(196,247,254)
```
#d8f9fe
```
#d8f9fe rgb(216,249,254)
```
#ebfcff
```
#ebfcff rgb(235,252,255)
```
#feffff
```
#feffff rgb(254,255,255)
```

Tint Color Variation

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

#d5d9da
```
#d5d9da rgb(213,217,218)
```
#d2dbdd
```
#d2dbdd rgb(210,219,221)
```
#cfdee0
```
#cfdee0 rgb(207,222,224)
```
#cce0e3
```
#cce0e3 rgb(204,224,227)
```
#c9e2e6
```
#c9e2e6 rgb(201,226,230)
```
#c6e4e9
```
#c6e4e9 rgb(198,228,233)
```
#c3e7ec
```
#c3e7ec rgb(195,231,236)
```
#c0e9ef
```
#c0e9ef rgb(192,233,239)
```
#bdebf2
```
#bdebf2 rgb(189,235,242)
```
#baedf5
```
#baedf5 rgb(186,237,245)
```
#b7f0f8
```
#b7f0f8 rgb(183,240,248)
```
#b4f2fb
```
#b4f2fb rgb(180,242,251)
```
#b1f4fe
```
#b1f4fe rgb(177,244,254)
```

Tone Color Variation

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

#e1e1e1 Achromatopsia 0.005% of the population
#d7e5e7 Atypical Achromatopsia 0.001% of the population

Dichromacy

#e9e8f7 Protanopia 1% of men
#f1e5ff Deuteranopia 1% of men
#c4f1ff Tritanopia 0.001% of the population

Trichromacy

#d5ecf9 Protanomaly 1% of men, 0.01% of women
#d9eafe Deuteranomaly 6% of men, 0.4% of women
#bdf2fe Tritanomaly 0.01% of the population

#b1f4fe hex color

#b1f4fe Color Information

#b1f4fe Color Conversion

Color Schemes with #b1f4fe

Alternatives to #b1f4fe

#b1f4fe Preview

Shades and Tints of #b1f4fe

Tones of #b1f4fe

Color Blindness Simulator