#b1dff5 hex color

In a RGB color space, hex #b1dff5 is composed of 69.4% red, 87.5% green and 96.1% blue. Whereas in a CMYK color space, it is composed of 27.8% cyan, 9% magenta, 0% yellow and 3.9% black. It has a hue angle of 199.4 degrees, a saturation of 77.3% and a lightness of 82.7%. #b1dff5 color hex could be obtained by blending #ffffff with #63bfeb. Closest websafe color is: #99ccff.

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

● #b1dff5 color description : Very soft blue.

The hexadecimal color #b1dff5 has RGB values of R:177, G:223, B:245 and CMYK values of C:0.28, M:0.09, Y:0, K:0.04. Its decimal value is 11657205.

Hex triplet	b1dff5	`#b1dff5`
RGB Decimal	177, 223, 245	`rgb(177,223,245)`
RGB Percent	69.4, 87.5, 96.1	`rgb(69.4%,87.5%,96.1%)`
CMYK	28, 9, 0, 4
HSL	199.4°, 77.3, 82.7	`hsl(199.4,77.3%,82.7%)`
HSV (or HSB)	199.4°, 27.8, 96.1
Web Safe	99ccff	`#99ccff`

CIE-LAB	86.362, -9.934, -15.579
XYZ	60.997, 68.713, 96.43
xyY	0.27, 0.304, 68.713
CIE-LCH	86.362, 18.477, 237.475
CIE-LUV	86.362, -23.76, -23.045
Hunter-Lab	82.893, -13.715, -10.947
Binary	10110001, 11011111, 11110101

#b1dff5
```
#b1dff5 rgb(177,223,245)
```
#f5c7b1
```
#f5c7b1 rgb(245,199,177)
```

Complementary Color

#b1f5e9
```
#b1f5e9 rgb(177,245,233)
```
#b1dff5
```
#b1dff5 rgb(177,223,245)
```
#b1bdf5
```
#b1bdf5 rgb(177,189,245)
```

Analogous Color

#f5e9b1
```
#f5e9b1 rgb(245,233,177)
```
#b1dff5
```
#b1dff5 rgb(177,223,245)
```
#f5b1bd
```
#f5b1bd rgb(245,177,189)
```

Split Complementary Color

#dff5b1
```
#dff5b1 rgb(223,245,177)
```
#b1dff5
```
#b1dff5 rgb(177,223,245)
```
#f5b1df
```
#f5b1df rgb(245,177,223)
```

Triadic Color

#b1f5c7
```
#b1f5c7 rgb(177,245,199)
```
#b1dff5
```
#b1dff5 rgb(177,223,245)
```
#f5b1df
```
#f5b1df rgb(245,177,223)
```
#f5c7b1
```
#f5c7b1 rgb(245,199,177)
```

Tetradic Color

#6dc3ec
```
#6dc3ec rgb(109,195,236)
```
#84ccef
```
#84ccef rgb(132,204,239)
```
#9ad6f2
```
#9ad6f2 rgb(154,214,242)
```
#b1dff5
```
#b1dff5 rgb(177,223,245)
```
#c8e8f8
```
#c8e8f8 rgb(200,232,248)
```
#def2fb
```
#def2fb rgb(222,242,251)
```
#f5fbfe
```
#f5fbfe rgb(245,251,254)
```

Monochromatic Color

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

#b1f0f5
```
#b1f0f5 rgb(177,240,245)
```
#b1eaf5
```
#b1eaf5 rgb(177,234,245)
```
#b1e5f5
```
#b1e5f5 rgb(177,229,245)
```
#b1dff5
```
#b1dff5 rgb(177,223,245)
```
#b1d9f5
```
#b1d9f5 rgb(177,217,245)
```
#b1d4f5
```
#b1d4f5 rgb(177,212,245)
```
#b1cef5
```
#b1cef5 rgb(177,206,245)
```

Similar Colors

Text with hexadecimal color #b1dff5

This text has a font color of #b1dff5.

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

#b1dff5 background color

This paragraph has a background color of #b1dff5.

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

#b1dff5 border color

This element has a border color of #b1dff5.

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

CSS codes

.text {color:#b1dff5;}

.background {background-color:#b1dff5;}

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

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

#010609
```
#010609 rgb(1,6,9)
```
#03131a
```
#03131a rgb(3,19,26)
```
#061f2c
```
#061f2c rgb(6,31,44)
```
#082c3d
```
#082c3d rgb(8,44,61)
```
#0a384e
```
#0a384e rgb(10,56,78)
```
#0c4560
```
#0c4560 rgb(12,69,96)
```
#0f5171
```
#0f5171 rgb(15,81,113)
```
#115e83
```
#115e83 rgb(17,94,131)
```
#136a94
```
#136a94 rgb(19,106,148)
```
#1577a5
```
#1577a5 rgb(21,119,165)
```
#1783b7
```
#1783b7 rgb(23,131,183)
```
#1a90c8
```
#1a90c8 rgb(26,144,200)
```
#1c9cda
```
#1c9cda rgb(28,156,218)
```

Shade Color Variation

#26a6e3
```
#26a6e3 rgb(38,166,227)
```
#37ade5
```
#37ade5 rgb(55,173,229)
```
#49b4e8
```
#49b4e8 rgb(73,180,232)
```
#5abbea
```
#5abbea rgb(90,187,234)
```
#6bc2ec
```
#6bc2ec rgb(107,194,236)
```
#7dcaee
```
#7dcaee rgb(125,202,238)
```
#8ed1f1
```
#8ed1f1 rgb(142,209,241)
```
#a0d8f3
```
#a0d8f3 rgb(160,216,243)
```
#b1dff5
```
#b1dff5 rgb(177,223,245)
```
#c2e6f7
```
#c2e6f7 rgb(194,230,247)
```
#d4edf9
```
#d4edf9 rgb(212,237,249)
```
#e5f4fc
```
#e5f4fc rgb(229,244,252)
```
#f7fcfe
```
#f7fcfe rgb(247,252,254)
```

Tint Color Variation

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

#d3d3d3
```
#d3d3d3 rgb(211,211,211)
```
#cfd4d7
```
#cfd4d7 rgb(207,212,215)
```
#ccd5da
```
#ccd5da rgb(204,213,218)
```
#c9d7dd
```
#c9d7dd rgb(201,215,221)
```
#c5d8e1
```
#c5d8e1 rgb(197,216,225)
```
#c2d9e4
```
#c2d9e4 rgb(194,217,228)
```
#bfdae7
```
#bfdae7 rgb(191,218,231)
```
#bbdbeb
```
#bbdbeb rgb(187,219,235)
```
#b8ddee
```
#b8ddee rgb(184,221,238)
```
#b4def2
```
#b4def2 rgb(180,222,242)
```
#b1dff5
```
#b1dff5 rgb(177,223,245)
```
#aee0f8
```
#aee0f8 rgb(174,224,248)
```
#aae1fc
```
#aae1fc rgb(170,225,252)
```

Tone Color Variation

Below, you can see how #b1dff5 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
#cdd6db Atypical Achromatopsia 0.001% of the population

Dichromacy

#d6d8f0 Protanopia 1% of men
#ded5f9 Deuteranopia 1% of men
#b4e1f1 Tritanopia 0.001% of the population

Trichromacy

#c8daf2 Protanomaly 1% of men, 0.01% of women
#cdd8f7 Deuteranomaly 6% of men, 0.4% of women
#b2e0f2 Tritanomaly 0.01% of the population

#b1dff5 hex color

#b1dff5 Color Information

#b1dff5 Color Conversion

Color Schemes with #b1dff5

Alternatives to #b1dff5

#b1dff5 Preview

Shades and Tints of #b1dff5

Tones of #b1dff5

Color Blindness Simulator