#b1dcf4 hex color

In a RGB color space, hex #b1dcf4 is composed of 69.4% red, 86.3% green and 95.7% blue. Whereas in a CMYK color space, it is composed of 27.5% cyan, 9.8% magenta, 0% yellow and 4.3% black. It has a hue angle of 201.5 degrees, a saturation of 75.3% and a lightness of 82.5%. #b1dcf4 color hex could be obtained by blending #ffffff with #63b9e9. Closest websafe color is: #99ccff.

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

● #b1dcf4 color description : Very soft blue.

The hexadecimal color #b1dcf4 has RGB values of R:177, G:220, B:244 and CMYK values of C:0.27, M:0.1, Y:0, K:0.04. Its decimal value is 11656436.

Hex triplet	b1dcf4	`#b1dcf4`
RGB Decimal	177, 220, 244	`rgb(177,220,244)`
RGB Percent	69.4, 86.3, 95.7	`rgb(69.4%,86.3%,95.7%)`
CMYK	27, 10, 0, 4
HSL	201.5°, 75.3, 82.5	`hsl(201.5,75.3%,82.5%)`
HSV (or HSB)	201.5°, 27.5, 95.7
Web Safe	99ccff	`#99ccff`

CIE-LAB	85.536, -8.617, -16.292
XYZ	60.05, 67.063, 95.364
xyY	0.27, 0.301, 67.063
CIE-LCH	85.536, 18.431, 242.124
CIE-LUV	85.536, -22.449, -24.395
Hunter-Lab	81.892, -12.42, -11.719
Binary	10110001, 11011100, 11110100

#b1dcf4
```
#b1dcf4 rgb(177,220,244)
```
#f4c9b1
```
#f4c9b1 rgb(244,201,177)
```

Complementary Color

#b1f4eb
```
#b1f4eb rgb(177,244,235)
```
#b1dcf4
```
#b1dcf4 rgb(177,220,244)
```
#b1bbf4
```
#b1bbf4 rgb(177,187,244)
```

Analogous Color

#f4ebb1
```
#f4ebb1 rgb(244,235,177)
```
#b1dcf4
```
#b1dcf4 rgb(177,220,244)
```
#f4b1bb
```
#f4b1bb rgb(244,177,187)
```

Split Complementary Color

#dcf4b1
```
#dcf4b1 rgb(220,244,177)
```
#b1dcf4
```
#b1dcf4 rgb(177,220,244)
```
#f4b1dc
```
#f4b1dc rgb(244,177,220)
```

Triadic Color

#b1f4c9
```
#b1f4c9 rgb(177,244,201)
```
#b1dcf4
```
#b1dcf4 rgb(177,220,244)
```
#f4b1dc
```
#f4b1dc rgb(244,177,220)
```
#f4c9b1
```
#f4c9b1 rgb(244,201,177)
```

Tetradic Color

#6ebeeb
```
#6ebeeb rgb(110,190,235)
```
#84c8ee
```
#84c8ee rgb(132,200,238)
```
#9bd2f1
```
#9bd2f1 rgb(155,210,241)
```
#b1dcf4
```
#b1dcf4 rgb(177,220,244)
```
#c7e6f7
```
#c7e6f7 rgb(199,230,247)
```
#def0fa
```
#def0fa rgb(222,240,250)
```
#f4fafd
```
#f4fafd rgb(244,250,253)
```

Monochromatic Color

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

#b1edf4
```
#b1edf4 rgb(177,237,244)
```
#b1e7f4
```
#b1e7f4 rgb(177,231,244)
```
#b1e2f4
```
#b1e2f4 rgb(177,226,244)
```
#b1dcf4
```
#b1dcf4 rgb(177,220,244)
```
#b1d6f4
```
#b1d6f4 rgb(177,214,244)
```
#b1d1f4
```
#b1d1f4 rgb(177,209,244)
```
#b1cbf4
```
#b1cbf4 rgb(177,203,244)
```

Similar Colors

Text with hexadecimal color #b1dcf4

This text has a font color of #b1dcf4.

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

#b1dcf4 background color

This paragraph has a background color of #b1dcf4.

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

#b1dcf4 border color

This element has a border color of #b1dcf4.

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

CSS codes

.text {color:#b1dcf4;}

.background {background-color:#b1dcf4;}

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

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

#010608
```
#010608 rgb(1,6,8)
```
#041119
```
#041119 rgb(4,17,25)
```
#061d2a
```
#061d2a rgb(6,29,42)
```
#08293c
```
#08293c rgb(8,41,60)
```
#0b354d
```
#0b354d rgb(11,53,77)
```
#0d415e
```
#0d415e rgb(13,65,94)
```
#104d6f
```
#104d6f rgb(16,77,111)
```
#125980
```
#125980 rgb(18,89,128)
```
#156591
```
#156591 rgb(21,101,145)
```
#1771a3
```
#1771a3 rgb(23,113,163)
```
#197db4
```
#197db4 rgb(25,125,180)
```
#1c88c5
```
#1c88c5 rgb(28,136,197)
```
#1e94d6
```
#1e94d6 rgb(30,148,214)
```

Shade Color Variation

#279ee1
```
#279ee1 rgb(39,158,225)
```
#39a6e3
```
#39a6e3 rgb(57,166,227)
```
#4aaee5
```
#4aaee5 rgb(74,174,229)
```
#5bb5e8
```
#5bb5e8 rgb(91,181,232)
```
#6cbdea
```
#6cbdea rgb(108,189,234)
```
#7dc5ed
```
#7dc5ed rgb(125,197,237)
```
#8fcdef
```
#8fcdef rgb(143,205,239)
```
#a0d4f2
```
#a0d4f2 rgb(160,212,242)
```
#b1dcf4
```
#b1dcf4 rgb(177,220,244)
```
#c2e4f6
```
#c2e4f6 rgb(194,228,246)
```
#d3ebf9
```
#d3ebf9 rgb(211,235,249)
```
#e5f3fb
```
#e5f3fb rgb(229,243,251)
```
#f6fbfe
```
#f6fbfe rgb(246,251,254)
```

Tint Color Variation

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

#d0d3d5
```
#d0d3d5 rgb(208,211,213)
```
#ccd4d9
```
#ccd4d9 rgb(204,212,217)
```
#c9d5dc
```
#c9d5dc rgb(201,213,220)
```
#c6d6df
```
#c6d6df rgb(198,214,223)
```
#c2d7e3
```
#c2d7e3 rgb(194,215,227)
```
#bfd8e6
```
#bfd8e6 rgb(191,216,230)
```
#bbd9ea
```
#bbd9ea rgb(187,217,234)
```
#b8daed
```
#b8daed rgb(184,218,237)
```
#b4dbf1
```
#b4dbf1 rgb(180,219,241)
```
#b1dcf4
```
#b1dcf4 rgb(177,220,244)
```
#aeddf7
```
#aeddf7 rgb(174,221,247)
```
#aadefb
```
#aadefb rgb(170,222,251)
```
#a7dffe
```
#a7dffe rgb(167,223,254)
```

Tone Color Variation

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

#d2d2d2 Achromatopsia 0.005% of the population
#cbd4d9 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d3d6f0 Protanopia 1% of men
#dbd3f8 Deuteranopia 1% of men
#b3deee Tritanopia 0.001% of the population

Trichromacy

#c7d8f1 Protanomaly 1% of men, 0.01% of women
#ccd6f6 Deuteranomaly 6% of men, 0.4% of women
#b2ddf0 Tritanomaly 0.01% of the population

#b1dcf4 hex color

#b1dcf4 Color Information

#b1dcf4 Color Conversion

Color Schemes with #b1dcf4

Alternatives to #b1dcf4

#b1dcf4 Preview

Shades and Tints of #b1dcf4

Tones of #b1dcf4

Color Blindness Simulator