#b1d4fd hex color

In a RGB color space, hex #b1d4fd is composed of 69.4% red, 83.1% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 30% cyan, 16.2% magenta, 0% yellow and 0.8% black. It has a hue angle of 212.4 degrees, a saturation of 95% and a lightness of 84.3%. #b1d4fd color hex could be obtained by blending #ffffff with #63a9fb. Closest websafe color is: #99ccff.

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

● #b1d4fd color description : Very soft blue.

The hexadecimal color #b1d4fd has RGB values of R:177, G:212, B:253 and CMYK values of C:0.3, M:0.16, Y:0, K:0.01. Its decimal value is 11654397.

Hex triplet	b1d4fd	`#b1d4fd`
RGB Decimal	177, 212, 253	`rgb(177,212,253)`
RGB Percent	69.4, 83.1, 99.2	`rgb(69.4%,83.1%,99.2%)`
CMYK	30, 16, 0, 1
HSL	212.4°, 95, 84.3	`hsl(212.4,95%,84.3%)`
HSV (or HSB)	212.4°, 30, 99.2
Web Safe	99ccff	`#99ccff`

CIE-LAB	83.717, -2.331, -23.802
XYZ	59.401, 63.524, 102.055
xyY	0.264, 0.282, 63.524
CIE-LCH	83.717, 23.916, 264.406
CIE-LUV	83.717, -19.18, -37.765
Hunter-Lab	79.702, -6.445, -20.127
Binary	10110001, 11010100, 11111101

#b1d4fd
```
#b1d4fd rgb(177,212,253)
```
#fddab1
```
#fddab1 rgb(253,218,177)
```

Complementary Color

#b1fafd
```
#b1fafd rgb(177,250,253)
```
#b1d4fd
```
#b1d4fd rgb(177,212,253)
```
#b4b1fd
```
#b4b1fd rgb(180,177,253)
```

Analogous Color

#fafdb1
```
#fafdb1 rgb(250,253,177)
```
#b1d4fd
```
#b1d4fd rgb(177,212,253)
```
#fdb4b1
```
#fdb4b1 rgb(253,180,177)
```

Split Complementary Color

#d4fdb1
```
#d4fdb1 rgb(212,253,177)
```
#b1d4fd
```
#b1d4fd rgb(177,212,253)
```
#fdb1d4
```
#fdb1d4 rgb(253,177,212)
```

Triadic Color

#b1fdda
```
#b1fdda rgb(177,253,218)
```
#b1d4fd
```
#b1d4fd rgb(177,212,253)
```
#fdb1d4
```
#fdb1d4 rgb(253,177,212)
```
#fddab1
```
#fddab1 rgb(253,218,177)
```

Tetradic Color

#66abfb
```
#66abfb rgb(102,171,251)
```
#7fb9fc
```
#7fb9fc rgb(127,185,252)
```
#98c6fc
```
#98c6fc rgb(152,198,252)
```
#b1d4fd
```
#b1d4fd rgb(177,212,253)
```
#cae2fe
```
#cae2fe rgb(202,226,254)
```
#e3effe
```
#e3effe rgb(227,239,254)
```
#fcfdff
```
#fcfdff rgb(252,253,255)
```

Monochromatic Color

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

#b1e7fd
```
#b1e7fd rgb(177,231,253)
```
#b1e1fd
```
#b1e1fd rgb(177,225,253)
```
#b1dafd
```
#b1dafd rgb(177,218,253)
```
#b1d4fd
```
#b1d4fd rgb(177,212,253)
```
#b1cefd
```
#b1cefd rgb(177,206,253)
```
#b1c7fd
```
#b1c7fd rgb(177,199,253)
```
#b1c1fd
```
#b1c1fd rgb(177,193,253)
```

Similar Colors

Text with hexadecimal color #b1d4fd

This text has a font color of #b1d4fd.

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

#b1d4fd background color

This paragraph has a background color of #b1d4fd.

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

#b1d4fd border color

This element has a border color of #b1d4fd.

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

CSS codes

.text {color:#b1d4fd;}

.background {background-color:#b1d4fd;}

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

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

#000812
```
#000812 rgb(0,8,18)
```
#011125
```
#011125 rgb(1,17,37)
```
#011b38
```
#011b38 rgb(1,27,56)
```
#02244b
```
#02244b rgb(2,36,75)
```
#022d5e
```
#022d5e rgb(2,45,94)
```
#033671
```
#033671 rgb(3,54,113)
```
#033f84
```
#033f84 rgb(3,63,132)
```
#044898
```
#044898 rgb(4,72,152)
```
#0451ab
```
#0451ab rgb(4,81,171)
```
#055abe
```
#055abe rgb(5,90,190)
```
#0563d1
```
#0563d1 rgb(5,99,209)
```
#066ce4
```
#066ce4 rgb(6,108,228)
```
#0675f7
```
#0675f7 rgb(6,117,247)
```

Shade Color Variation

#1880f9
```
#1880f9 rgb(24,128,249)
```
#2b8afa
```
#2b8afa rgb(43,138,250)
```
#3e95fa
```
#3e95fa rgb(62,149,250)
```
#519ffb
```
#519ffb rgb(81,159,251)
```
#65aafb
```
#65aafb rgb(101,170,251)
```
#78b4fc
```
#78b4fc rgb(120,180,252)
```
#8bbffc
```
#8bbffc rgb(139,191,252)
```
#9ec9fd
```
#9ec9fd rgb(158,201,253)
```
#b1d4fd
```
#b1d4fd rgb(177,212,253)
```
#c4dffd
```
#c4dffd rgb(196,223,253)
```
#d7e9fe
```
#d7e9fe rgb(215,233,254)
```
#eaf4fe
```
#eaf4fe rgb(234,244,254)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

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

#d6d7d8
```
#d6d7d8 rgb(214,215,216)
```
#d3d7db
```
#d3d7db rgb(211,215,219)
```
#d0d6de
```
#d0d6de rgb(208,214,222)
```
#cdd6e1
```
#cdd6e1 rgb(205,214,225)
```
#cad6e4
```
#cad6e4 rgb(202,214,228)
```
#c7d6e7
```
#c7d6e7 rgb(199,214,231)
```
#c3d5eb
```
#c3d5eb rgb(195,213,235)
```
#c0d5ee
```
#c0d5ee rgb(192,213,238)
```
#bdd5f1
```
#bdd5f1 rgb(189,213,241)
```
#bad5f4
```
#bad5f4 rgb(186,213,244)
```
#b7d4f7
```
#b7d4f7 rgb(183,212,247)
```
#b4d4fa
```
#b4d4fa rgb(180,212,250)
```
#b1d4fd
```
#b1d4fd rgb(177,212,253)
```

Tone Color Variation

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

#cecece Achromatopsia 0.005% of the population
#c8cfd7 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c9d1fa Protanopia 1% of men
#cecfff Deuteranopia 1% of men
#afd9e9 Tritanopia 0.001% of the population

Trichromacy

#c0d2fb Protanomaly 1% of men, 0.01% of women
#c4d0fe Deuteranomaly 6% of men, 0.4% of women
#b0d7f0 Tritanomaly 0.01% of the population

#b1d4fd hex color

#b1d4fd Color Information

#b1d4fd Color Conversion

Color Schemes with #b1d4fd

Alternatives to #b1d4fd

#b1d4fd Preview

Shades and Tints of #b1d4fd

Tones of #b1d4fd

Color Blindness Simulator