#b1dffb hex color

In a RGB color space, hex #b1dffb is composed of 69.4% red, 87.5% green and 98.4% blue. Whereas in a CMYK color space, it is composed of 29.5% cyan, 11.2% magenta, 0% yellow and 1.6% black. It has a hue angle of 202.7 degrees, a saturation of 90.2% and a lightness of 83.9%. #b1dffb color hex could be obtained by blending #ffffff with #63bff7. Closest websafe color is: #99ccff.

♥
- f
- t
- g
- R 69
- G 87
- B 98
RGB color chart
- C 29
- M 11
- Y 0
- K 2
CMYK color chart

● #b1dffb color description : Very soft blue.

The hexadecimal color #b1dffb has RGB values of R:177, G:223, B:251 and CMYK values of C:0.29, M:0.11, Y:0, K:0.02. Its decimal value is 11657211.

Hex triplet	b1dffb	`#b1dffb`
RGB Decimal	177, 223, 251	`rgb(177,223,251)`
RGB Percent	69.4, 87.5, 98.4	`rgb(69.4%,87.5%,98.4%)`
CMYK	29, 11, 0, 2
HSL	202.7°, 90.2, 83.9	`hsl(202.7,90.2%,83.9%)`
HSV (or HSB)	202.7°, 29.5, 98.4
Web Safe	99ccff	`#99ccff`

CIE-LAB	86.546, -8.547, -18.462
XYZ	61.928, 69.085, 101.333
xyY	0.267, 0.297, 69.085
CIE-LCH	86.546, 20.345, 245.159
CIE-LUV	86.546, -23.832, -28.032
Hunter-Lab	83.118, -12.462, -14.101
Binary	10110001, 11011111, 11111011

#b1dffb
```
#b1dffb rgb(177,223,251)
```
#fbcdb1
```
#fbcdb1 rgb(251,205,177)
```

Complementary Color

#b1fbf2
```
#b1fbf2 rgb(177,251,242)
```
#b1dffb
```
#b1dffb rgb(177,223,251)
```
#b1bafb
```
#b1bafb rgb(177,186,251)
```

Analogous Color

#fbf2b1
```
#fbf2b1 rgb(251,242,177)
```
#b1dffb
```
#b1dffb rgb(177,223,251)
```
#fbb1ba
```
#fbb1ba rgb(251,177,186)
```

Split Complementary Color

#dffbb1
```
#dffbb1 rgb(223,251,177)
```
#b1dffb
```
#b1dffb rgb(177,223,251)
```
#fbb1df
```
#fbb1df rgb(251,177,223)
```

Triadic Color

#b1fbcd
```
#b1fbcd rgb(177,251,205)
```
#b1dffb
```
#b1dffb rgb(177,223,251)
```
#fbb1df
```
#fbb1df rgb(251,177,223)
```
#fbcdb1
```
#fbcdb1 rgb(251,205,177)
```

Tetradic Color

#68c1f7
```
#68c1f7 rgb(104,193,247)
```
#80cbf9
```
#80cbf9 rgb(128,203,249)
```
#99d5fa
```
#99d5fa rgb(153,213,250)
```
#b1dffb
```
#b1dffb rgb(177,223,251)
```
#c9e9fc
```
#c9e9fc rgb(201,233,252)
```
#e2f3fd
```
#e2f3fd rgb(226,243,253)
```
#fafdff
```
#fafdff rgb(250,253,255)
```

Monochromatic Color

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

#b1f2fb
```
#b1f2fb rgb(177,242,251)
```
#b1ebfb
```
#b1ebfb rgb(177,235,251)
```
#b1e5fb
```
#b1e5fb rgb(177,229,251)
```
#b1dffb
```
#b1dffb rgb(177,223,251)
```
#b1d9fb
```
#b1d9fb rgb(177,217,251)
```
#b1d3fb
```
#b1d3fb rgb(177,211,251)
```
#b1cdfb
```
#b1cdfb rgb(177,205,251)
```

Similar Colors

Text with hexadecimal color #b1dffb

This text has a font color of #b1dffb.

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

#b1dffb background color

This paragraph has a background color of #b1dffb.

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

#b1dffb border color

This element has a border color of #b1dffb.

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

CSS codes

.text {color:#b1dffb;}

.background {background-color:#b1dffb;}

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

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, #010a0f is the darkest color, while #fcfeff is the lightest one.

#010a0f
```
#010a0f rgb(1,10,15)
```
#021622
```
#021622 rgb(2,22,34)
```
#032235
```
#032235 rgb(3,34,53)
```
#042e47
```
#042e47 rgb(4,46,71)
```
#053a5a
```
#053a5a rgb(5,58,90)
```
#06466d
```
#06466d rgb(6,70,109)
```
#07527f
```
#07527f rgb(7,82,127)
```
#075e92
```
#075e92 rgb(7,94,146)
```
#0869a5
```
#0869a5 rgb(8,105,165)
```
#0975b7
```
#0975b7 rgb(9,117,183)
```
#0a81ca
```
#0a81ca rgb(10,129,202)
```
#0b8ddd
```
#0b8ddd rgb(11,141,221)
```
#0c99ef
```
#0c99ef rgb(12,153,239)
```

Shade Color Variation

#1ca2f3
```
#1ca2f3 rgb(28,162,243)
```
#2ea9f4
```
#2ea9f4 rgb(46,169,244)
```
#41b1f5
```
#41b1f5 rgb(65,177,245)
```
#54b9f6
```
#54b9f6 rgb(84,185,246)
```
#66c0f7
```
#66c0f7 rgb(102,192,247)
```
#79c8f8
```
#79c8f8 rgb(121,200,248)
```
#8cd0f9
```
#8cd0f9 rgb(140,208,249)
```
#9ed7fa
```
#9ed7fa rgb(158,215,250)
```
#b1dffb
```
#b1dffb rgb(177,223,251)
```
#c4e7fc
```
#c4e7fc rgb(196,231,252)
```
#d6eefd
```
#d6eefd rgb(214,238,253)
```
#e9f6fe
```
#e9f6fe rgb(233,246,254)
```
#fcfeff
```
#fcfeff rgb(252,254,255)
```

Tint Color Variation

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

#d4d7d8
```
#d4d7d8 rgb(212,215,216)
```
#d1d7db
```
#d1d7db rgb(209,215,219)
```
#cdd8df
```
#cdd8df rgb(205,216,223)
```
#cad9e2
```
#cad9e2 rgb(202,217,226)
```
#c7dae5
```
#c7dae5 rgb(199,218,229)
```
#c4dae8
```
#c4dae8 rgb(196,218,232)
```
#c1dbeb
```
#c1dbeb rgb(193,219,235)
```
#bedcee
```
#bedcee rgb(190,220,238)
```
#baddf2
```
#baddf2 rgb(186,221,242)
```
#b7ddf5
```
#b7ddf5 rgb(183,221,245)
```
#b4def8
```
#b4def8 rgb(180,222,248)
```
#b1dffb
```
#b1dffb rgb(177,223,251)
```
#aee0fe
```
#aee0fe rgb(174,224,254)
```

Tone Color Variation

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

#d4d4d4 Achromatopsia 0.005% of the population
#cdd6dc Atypical Achromatopsia 0.001% of the population

Dichromacy

#d5d9f6 Protanopia 1% of men
#dcd5fe Deuteranopia 1% of men
#b2e2f2 Tritanopia 0.001% of the population

Trichromacy

#c8dbf8 Protanomaly 1% of men, 0.01% of women
#ccd9fd Deuteranomaly 6% of men, 0.4% of women
#b2e1f5 Tritanomaly 0.01% of the population

#b1dffb hex color

#b1dffb Color Information

#b1dffb Color Conversion

Color Schemes with #b1dffb

Alternatives to #b1dffb

#b1dffb Preview

Shades and Tints of #b1dffb

Tones of #b1dffb

Color Blindness Simulator