#b1cafc hex color

In a RGB color space, hex #b1cafc is composed of 69.4% red, 79.2% green and 98.8% blue. Whereas in a CMYK color space, it is composed of 29.8% cyan, 19.8% magenta, 0% yellow and 1.2% black. It has a hue angle of 220 degrees, a saturation of 92.6% and a lightness of 84.1%. #b1cafc color hex could be obtained by blending #ffffff with #6395f9. Closest websafe color is: #99ccff.

♥
- f
- t
- g
- R 69
- G 79
- B 99
RGB color chart
- C 30
- M 20
- Y 0
- K 1
CMYK color chart

● #b1cafc color description : Very soft blue.

The hexadecimal color #b1cafc has RGB values of R:177, G:202, B:252 and CMYK values of C:0.3, M:0.2, Y:0, K:0.01. Its decimal value is 11651836.

Hex triplet	b1cafc	`#b1cafc`
RGB Decimal	177, 202, 252	`rgb(177,202,252)`
RGB Percent	69.4, 79.2, 98.8	`rgb(69.4%,79.2%,98.8%)`
CMYK	30, 20, 0, 1
HSL	220°, 92.6, 84.1	`hsl(220,92.6%,84.1%)`
HSV (or HSB)	220°, 29.8, 98.8
Web Safe	99ccff	`#99ccff`

CIE-LAB	81.08, 2.754, -27.293
XYZ	56.819, 58.615, 100.41
xyY	0.263, 0.272, 58.615
CIE-LCH	81.08, 27.432, 275.761
CIE-LUV	81.08, -14.914, -44.235
Hunter-Lab	76.56, -1.508, -24.167
Binary	10110001, 11001010, 11111100

#b1cafc
```
#b1cafc rgb(177,202,252)
```
#fce3b1
```
#fce3b1 rgb(252,227,177)
```

Complementary Color

#b1f0fc
```
#b1f0fc rgb(177,240,252)
```
#b1cafc
```
#b1cafc rgb(177,202,252)
```
#beb1fc
```
#beb1fc rgb(190,177,252)
```

Analogous Color

#f0fcb1
```
#f0fcb1 rgb(240,252,177)
```
#b1cafc
```
#b1cafc rgb(177,202,252)
```
#fcbeb1
```
#fcbeb1 rgb(252,190,177)
```

Split Complementary Color

#cafcb1
```
#cafcb1 rgb(202,252,177)
```
#b1cafc
```
#b1cafc rgb(177,202,252)
```
#fcb1ca
```
#fcb1ca rgb(252,177,202)
```

Triadic Color

#b1fce3
```
#b1fce3 rgb(177,252,227)
```
#b1cafc
```
#b1cafc rgb(177,202,252)
```
#fcb1ca
```
#fcb1ca rgb(252,177,202)
```
#fce3b1
```
#fce3b1 rgb(252,227,177)
```

Tetradic Color

#6798f9
```
#6798f9 rgb(103,152,249)
```
#80a9fa
```
#80a9fa rgb(128,169,250)
```
#98b9fb
```
#98b9fb rgb(152,185,251)
```
#b1cafc
```
#b1cafc rgb(177,202,252)
```
#cadbfd
```
#cadbfd rgb(202,219,253)
```
#e2ebfe
```
#e2ebfe rgb(226,235,254)
```
#fbfcff
```
#fbfcff rgb(251,252,255)
```

Monochromatic Color

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

#b1ddfc
```
#b1ddfc rgb(177,221,252)
```
#b1d7fc
```
#b1d7fc rgb(177,215,252)
```
#b1d0fc
```
#b1d0fc rgb(177,208,252)
```
#b1cafc
```
#b1cafc rgb(177,202,252)
```
#b1c4fc
```
#b1c4fc rgb(177,196,252)
```
#b1befc
```
#b1befc rgb(177,190,252)
```
#b1b7fc
```
#b1b7fc rgb(177,183,252)
```

Similar Colors

Text with hexadecimal color #b1cafc

This text has a font color of #b1cafc.

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

#b1cafc background color

This paragraph has a background color of #b1cafc.

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

#b1cafc border color

This element has a border color of #b1cafc.

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

CSS codes

.text {color:#b1cafc;}

.background {background-color:#b1cafc;}

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

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

#010610
```
#010610 rgb(1,6,16)
```
#010d23
```
#010d23 rgb(1,13,35)
```
#021336
```
#021336 rgb(2,19,54)
```
#031a49
```
#031a49 rgb(3,26,73)
```
#04215c
```
#04215c rgb(4,33,92)
```
#04286f
```
#04286f rgb(4,40,111)
```
#052f82
```
#052f82 rgb(5,47,130)
```
#063595
```
#063595 rgb(6,53,149)
```
#063ca8
```
#063ca8 rgb(6,60,168)
```
#0743ba
```
#0743ba rgb(7,67,186)
```
#084acd
```
#084acd rgb(8,74,205)
```
#0950e0
```
#0950e0 rgb(9,80,224)
```
#0957f3
```
#0957f3 rgb(9,87,243)
```

Shade Color Variation

#1a63f6
```
#1a63f6 rgb(26,99,246)
```
#2d70f7
```
#2d70f7 rgb(45,112,247)
```
#407df8
```
#407df8 rgb(64,125,248)
```
#538af8
```
#538af8 rgb(83,138,248)
```
#6597f9
```
#6597f9 rgb(101,151,249)
```
#78a3fa
```
#78a3fa rgb(120,163,250)
```
#8bb0fb
```
#8bb0fb rgb(139,176,251)
```
#9ebdfb
```
#9ebdfb rgb(158,189,251)
```
#b1cafc
```
#b1cafc rgb(177,202,252)
```
#c4d7fd
```
#c4d7fd rgb(196,215,253)
```
#d7e4fd
```
#d7e4fd rgb(215,228,253)
```
#eaf1fe
```
#eaf1fe rgb(234,241,254)
```
#fdfdff
```
#fdfdff rgb(253,253,255)
```

Tint Color Variation

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

#d6d6d7
```
#d6d6d7 rgb(214,214,215)
```
#d3d5da
```
#d3d5da rgb(211,213,218)
```
#d0d4dd
```
#d0d4dd rgb(208,212,221)
```
#cdd3e0
```
#cdd3e0 rgb(205,211,224)
```
#cad2e3
```
#cad2e3 rgb(202,210,227)
```
#c7d1e6
```
#c7d1e6 rgb(199,209,230)
```
#c4d0e9
```
#c4d0e9 rgb(196,208,233)
```
#c1cfec
```
#c1cfec rgb(193,207,236)
```
#bdcef0
```
#bdcef0 rgb(189,206,240)
```
#bacdf3
```
#bacdf3 rgb(186,205,243)
```
#b7ccf6
```
#b7ccf6 rgb(183,204,246)
```
#b4cbf9
```
#b4cbf9 rgb(180,203,249)
```
#b1cafc
```
#b1cafc rgb(177,202,252)
```

Tone Color Variation

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

#c8c8c8 Achromatopsia 0.005% of the population
#c3c8d2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#bfcafa Protanopia 1% of men
#c3c8fd Deuteranopia 1% of men
#add1e0 Tritanopia 0.001% of the population

Trichromacy

#bacafb Protanomaly 1% of men, 0.01% of women
#bcc9fd Deuteranomaly 6% of men, 0.4% of women
#aeceea Tritanomaly 0.01% of the population

#b1cafc hex color

#b1cafc Color Information

#b1cafc Color Conversion

Color Schemes with #b1cafc

Alternatives to #b1cafc

#b1cafc Preview

Shades and Tints of #b1cafc

Tones of #b1cafc

Color Blindness Simulator