#b1c4e2 hex color

In a RGB color space, hex #b1c4e2 is composed of 69.4% red, 76.9% green and 88.6% blue. Whereas in a CMYK color space, it is composed of 21.7% cyan, 13.3% magenta, 0% yellow and 11.4% black. It has a hue angle of 216.7 degrees, a saturation of 45.8% and a lightness of 79%. #b1c4e2 color hex could be obtained by blending #ffffff with #6389c5. Closest websafe color is: #99cccc.

♥
- f
- t
- g
- R 69
- G 77
- B 89
RGB color chart
- C 22
- M 13
- Y 0
- K 11
CMYK color chart

● #b1c4e2 color description : Very soft blue.

The hexadecimal color #b1c4e2 has RGB values of R:177, G:196, B:226 and CMYK values of C:0.22, M:0.13, Y:0, K:0.11. Its decimal value is 11650274.

Hex triplet	b1c4e2	`#b1c4e2`
RGB Decimal	177, 196, 226	`rgb(177,196,226)`
RGB Percent	69.4, 76.9, 88.6	`rgb(69.4%,76.9%,88.6%)`
CMYK	22, 13, 0, 11
HSL	216.7°, 45.8, 79	`hsl(216.7,45.8%,79%)`
HSV (or HSB)	216.7°, 21.7, 88.6
Web Safe	99cccc	`#99cccc`

CIE-LAB	78.646, -0.081, -17.072
XYZ	51.596, 54.317, 79.713
xyY	0.278, 0.293, 54.317
CIE-LCH	78.646, 17.072, 269.729
CIE-LUV	78.646, -11.4, -26.717
Hunter-Lab	73.7, -4.011, -12.537
Binary	10110001, 11000100, 11100010

#b1c4e2
```
#b1c4e2 rgb(177,196,226)
```
#e2cfb1
```
#e2cfb1 rgb(226,207,177)
```

Complementary Color

#b1dde2
```
#b1dde2 rgb(177,221,226)
```
#b1c4e2
```
#b1c4e2 rgb(177,196,226)
```
#b7b1e2
```
#b7b1e2 rgb(183,177,226)
```

Analogous Color

#dde2b1
```
#dde2b1 rgb(221,226,177)
```
#b1c4e2
```
#b1c4e2 rgb(177,196,226)
```
#e2b7b1
```
#e2b7b1 rgb(226,183,177)
```

Split Complementary Color

#c4e2b1
```
#c4e2b1 rgb(196,226,177)
```
#b1c4e2
```
#b1c4e2 rgb(177,196,226)
```
#e2b1c4
```
#e2b1c4 rgb(226,177,196)
```

Triadic Color

#b1e2cf
```
#b1e2cf rgb(177,226,207)
```
#b1c4e2
```
#b1c4e2 rgb(177,196,226)
```
#e2b1c4
```
#e2b1c4 rgb(226,177,196)
```
#e2cfb1
```
#e2cfb1 rgb(226,207,177)
```

Tetradic Color

#799acd
```
#799acd rgb(121,154,205)
```
#8ca8d4
```
#8ca8d4 rgb(140,168,212)
```
#9eb6db
```
#9eb6db rgb(158,182,219)
```
#b1c4e2
```
#b1c4e2 rgb(177,196,226)
```
#c4d2e9
```
#c4d2e9 rgb(196,210,233)
```
#d6e0f0
```
#d6e0f0 rgb(214,224,240)
```
#e9eef7
```
#e9eef7 rgb(233,238,247)
```

Monochromatic Color

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

#b1d0e2
```
#b1d0e2 rgb(177,208,226)
```
#b1cce2
```
#b1cce2 rgb(177,204,226)
```
#b1c8e2
```
#b1c8e2 rgb(177,200,226)
```
#b1c4e2
```
#b1c4e2 rgb(177,196,226)
```
#b1c0e2
```
#b1c0e2 rgb(177,192,226)
```
#b1bce2
```
#b1bce2 rgb(177,188,226)
```
#b1b8e2
```
#b1b8e2 rgb(177,184,226)
```

Similar Colors

Text with hexadecimal color #b1c4e2

This text has a font color of #b1c4e2.

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

#b1c4e2 background color

This paragraph has a background color of #b1c4e2.

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

#b1c4e2 border color

This element has a border color of #b1c4e2.

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

CSS codes

.text {color:#b1c4e2;}

.background {background-color:#b1c4e2;}

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

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

#030508
```
#030508 rgb(3,5,8)
```
#080e16
```
#080e16 rgb(8,14,22)
```
#0e1624
```
#0e1624 rgb(14,22,36)
```
#131f33
```
#131f33 rgb(19,31,51)
```
#182841
```
#182841 rgb(24,40,65)
```
#1d314f
```
#1d314f rgb(29,49,79)
```
#233a5e
```
#233a5e rgb(35,58,94)
```
#28426c
```
#28426c rgb(40,66,108)
```
#2d4b7a
```
#2d4b7a rgb(45,75,122)
```
#335488
```
#335488 rgb(51,84,136)
```
#385d97
```
#385d97 rgb(56,93,151)
```
#3d66a5
```
#3d66a5 rgb(61,102,165)
```
#436eb3
```
#436eb3 rgb(67,110,179)
```

Shade Color Variation

#4d78bd
```
#4d78bd rgb(77,120,189)
```
#5b83c2
```
#5b83c2 rgb(91,131,194)
```
#6a8ec7
```
#6a8ec7 rgb(106,142,199)
```
#7899cd
```
#7899cd rgb(120,153,205)
```
#86a4d2
```
#86a4d2 rgb(134,164,210)
```
#94aed7
```
#94aed7 rgb(148,174,215)
```
#a3b9dd
```
#a3b9dd rgb(163,185,221)
```
#b1c4e2
```
#b1c4e2 rgb(177,196,226)
```
#bfcfe7
```
#bfcfe7 rgb(191,207,231)
```
#cedaed
```
#cedaed rgb(206,218,237)
```
#dce4f2
```
#dce4f2 rgb(220,228,242)
```
#eaeff7
```
#eaeff7 rgb(234,239,247)
```
#f8fafd
```
#f8fafd rgb(248,250,253)
```

Tint Color Variation

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

#c6c9cd
```
#c6c9cd rgb(198,201,205)
```
#c1c8d2
```
#c1c8d2 rgb(193,200,210)
```
#bdc7d6
```
#bdc7d6 rgb(189,199,214)
```
#b9c6da
```
#b9c6da rgb(185,198,218)
```
#b5c5de
```
#b5c5de rgb(181,197,222)
```
#b1c4e2
```
#b1c4e2 rgb(177,196,226)
```
#adc3e6
```
#adc3e6 rgb(173,195,230)
```
#a9c2ea
```
#a9c2ea rgb(169,194,234)
```
#a5c1ee
```
#a5c1ee rgb(165,193,238)
```
#a1c0f2
```
#a1c0f2 rgb(161,192,242)
```
#9cbff7
```
#9cbff7 rgb(156,191,247)
```
#98befb
```
#98befb rgb(152,190,251)
```
#94beff
```
#94beff rgb(148,190,255)
```

Tone Color Variation

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

#c2c2c2 Achromatopsia 0.005% of the population
#bfc2c8 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c0c4e1 Protanopia 1% of men
#c7c1e5 Deuteranopia 1% of men
#b2c9d7 Tritanopia 0.001% of the population

Trichromacy

#bac4e1 Protanomaly 1% of men, 0.01% of women
#bfc2e4 Deuteranomaly 6% of men, 0.4% of women
#b1c7db Tritanomaly 0.01% of the population

#b1c4e2 hex color

#b1c4e2 Color Information

#b1c4e2 Color Conversion

Color Schemes with #b1c4e2

Alternatives to #b1c4e2

#b1c4e2 Preview

Shades and Tints of #b1c4e2

Tones of #b1c4e2

Color Blindness Simulator