#b1c3fe hex color

In a RGB color space, hex #b1c3fe is composed of 69.4% red, 76.5% green and 99.6% blue. Whereas in a CMYK color space, it is composed of 30.3% cyan, 23.2% magenta, 0% yellow and 0.4% black. It has a hue angle of 226 degrees, a saturation of 97.5% and a lightness of 84.5%. #b1c3fe color hex could be obtained by blending #ffffff with #6387fd. Closest websafe color is: #99ccff.

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

● #b1c3fe color description : Very soft blue.

The hexadecimal color #b1c3fe has RGB values of R:177, G:195, B:254 and CMYK values of C:0.3, M:0.23, Y:0, K:0. Its decimal value is 11650046.

Hex triplet	b1c3fe	`#b1c3fe`
RGB Decimal	177, 195, 254	`rgb(177,195,254)`
RGB Percent	69.4, 76.5, 99.6	`rgb(69.4%,76.5%,99.6%)`
CMYK	30, 23, 0, 0
HSL	226°, 97.5, 84.5	`hsl(226,97.5%,84.5%)`
HSV (or HSB)	226°, 30.3, 99.6
Web Safe	99ccff	`#99ccff`

CIE-LAB	79.347, 7.019, -31.017
XYZ	55.532, 55.532, 101.553
xyY	0.261, 0.261, 55.532
CIE-LCH	79.347, 31.801, 282.752
CIE-LUV	79.347, -12.04, -51.022
Hunter-Lab	74.52, 2.609, -28.635
Binary	10110001, 11000011, 11111110

#b1c3fe
```
#b1c3fe rgb(177,195,254)
```
#feecb1
```
#feecb1 rgb(254,236,177)
```

Complementary Color

#b1eafe
```
#b1eafe rgb(177,234,254)
```
#b1c3fe
```
#b1c3fe rgb(177,195,254)
```
#c6b1fe
```
#c6b1fe rgb(198,177,254)
```

Analogous Color

#eafeb1
```
#eafeb1 rgb(234,254,177)
```
#b1c3fe
```
#b1c3fe rgb(177,195,254)
```
#fec6b1
```
#fec6b1 rgb(254,198,177)
```

Split Complementary Color

#c3feb1
```
#c3feb1 rgb(195,254,177)
```
#b1c3fe
```
#b1c3fe rgb(177,195,254)
```
#feb1c3
```
#feb1c3 rgb(254,177,195)
```

Triadic Color

#b1feec
```
#b1feec rgb(177,254,236)
```
#b1c3fe
```
#b1c3fe rgb(177,195,254)
```
#feb1c3
```
#feb1c3 rgb(254,177,195)
```
#feecb1
```
#feecb1 rgb(254,236,177)
```

Tetradic Color

#6589fd
```
#6589fd rgb(101,137,253)
```
#7f9cfd
```
#7f9cfd rgb(127,156,253)
```
#98b0fe
```
#98b0fe rgb(152,176,254)
```
#b1c3fe
```
#b1c3fe rgb(177,195,254)
```
#cad6fe
```
#cad6fe rgb(202,214,254)
```
#e3eaff
```
#e3eaff rgb(227,234,255)
```
#fdfdff
```
#fdfdff rgb(253,253,255)
```

Monochromatic Color

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

#b1d6fe
```
#b1d6fe rgb(177,214,254)
```
#b1d0fe
```
#b1d0fe rgb(177,208,254)
```
#b1c9fe
```
#b1c9fe rgb(177,201,254)
```
#b1c3fe
```
#b1c3fe rgb(177,195,254)
```
#b1bdfe
```
#b1bdfe rgb(177,189,254)
```
#b1b6fe
```
#b1b6fe rgb(177,182,254)
```
#b2b1fe
```
#b2b1fe rgb(178,177,254)
```

Similar Colors

Text with hexadecimal color #b1c3fe

This text has a font color of #b1c3fe.

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

#b1c3fe background color

This paragraph has a background color of #b1c3fe.

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

#b1c3fe border color

This element has a border color of #b1c3fe.

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

CSS codes

.text {color:#b1c3fe;}

.background {background-color:#b1c3fe;}

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

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

#000513
```
#000513 rgb(0,5,19)
```
#000926
```
#000926 rgb(0,9,38)
```
#010e3a
```
#010e3a rgb(1,14,58)
```
#01134d
```
#01134d rgb(1,19,77)
```
#011760
```
#011760 rgb(1,23,96)
```
#011c74
```
#011c74 rgb(1,28,116)
```
#022187
```
#022187 rgb(2,33,135)
```
#02269a
```
#02269a rgb(2,38,154)
```
#022aae
```
#022aae rgb(2,42,174)
```
#022fc1
```
#022fc1 rgb(2,47,193)
```
#0334d5
```
#0334d5 rgb(3,52,213)
```
#0338e8
```
#0338e8 rgb(3,56,232)
```
#033dfb
```
#033dfb rgb(3,61,251)
```

Shade Color Variation

#164cfc
```
#164cfc rgb(22,76,252)
```
#295bfc
```
#295bfc rgb(41,91,252)
```
#3d6afd
```
#3d6afd rgb(61,106,253)
```
#5079fd
```
#5079fd rgb(80,121,253)
```
#6487fd
```
#6487fd rgb(100,135,253)
```
#7796fd
```
#7796fd rgb(119,150,253)
```
#8aa5fe
```
#8aa5fe rgb(138,165,254)
```
#9eb4fe
```
#9eb4fe rgb(158,180,254)
```
#b1c3fe
```
#b1c3fe rgb(177,195,254)
```
#c4d2fe
```
#c4d2fe rgb(196,210,254)
```
#d8e1fe
```
#d8e1fe rgb(216,225,254)
```
#ebf0ff
```
#ebf0ff rgb(235,240,255)
```
#feffff
```
#feffff rgb(254,255,255)
```

Tint Color Variation

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

#d5d6da
```
#d5d6da rgb(213,214,218)
```
#d2d5dd
```
#d2d5dd rgb(210,213,221)
```
#cfd3e0
```
#cfd3e0 rgb(207,211,224)
```
#ccd2e3
```
#ccd2e3 rgb(204,210,227)
```
#c9d0e6
```
#c9d0e6 rgb(201,208,230)
```
#c6cee9
```
#c6cee9 rgb(198,206,233)
```
#c3cdec
```
#c3cdec rgb(195,205,236)
```
#c0cbef
```
#c0cbef rgb(192,203,239)
```
#bdc9f2
```
#bdc9f2 rgb(189,201,242)
```
#bac8f5
```
#bac8f5 rgb(186,200,245)
```
#b7c6f8
```
#b7c6f8 rgb(183,198,248)
```
#b4c5fb
```
#b4c5fb rgb(180,197,251)
```
#b1c3fe
```
#b1c3fe rgb(177,195,254)
```

Tone Color Variation

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

#c4c4c4 Achromatopsia 0.005% of the population
#c0c4d0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b7c5fd Protanopia 1% of men
#bac4fe Deuteranopia 1% of men
#abccdb Tritanopia 0.001% of the population

Trichromacy

#b5c4fd Protanomaly 1% of men, 0.01% of women
#b7c4fe Deuteranomaly 6% of men, 0.4% of women
#adc9e8 Tritanomaly 0.01% of the population

#b1c3fe hex color

#b1c3fe Color Information

#b1c3fe Color Conversion

Color Schemes with #b1c3fe

Alternatives to #b1c3fe

#b1c3fe Preview

Shades and Tints of #b1c3fe

Tones of #b1c3fe

Color Blindness Simulator