#b4d2fe hex color

In a RGB color space, hex #b4d2fe is composed of 70.6% red, 82.4% green and 99.6% blue. Whereas in a CMYK color space, it is composed of 29.1% cyan, 17.3% magenta, 0% yellow and 0.4% black. It has a hue angle of 215.7 degrees, a saturation of 97.4% and a lightness of 85.1%. #b4d2fe color hex could be obtained by blending #ffffff with #69a5fd. Closest websafe color is: #ccccff.

♥
- f
- t
- g
- R 71
- G 82
- B 100
RGB color chart
- C 29
- M 17
- Y 0
- K 0
CMYK color chart

● #b4d2fe color description : Very soft blue.

The hexadecimal color #b4d2fe has RGB values of R:180, G:210, B:254 and CMYK values of C:0.29, M:0.17, Y:0, K:0. Its decimal value is 11850494.

Hex triplet	b4d2fe	`#b4d2fe`
RGB Decimal	180, 210, 254	`rgb(180,210,254)`
RGB Percent	70.6, 82.4, 99.6	`rgb(70.6%,82.4%,99.6%)`
CMYK	29, 17, 0, 0
HSL	215.7°, 97.4, 85.1	`hsl(215.7,97.4%,85.1%)`
HSV (or HSB)	215.7°, 29.1, 99.6
Web Safe	ccccff	`#ccccff`

CIE-LAB	83.416, -0.187, -24.773
XYZ	59.755, 62.951, 102.763
xyY	0.265, 0.279, 62.951
CIE-LCH	83.416, 24.773, 269.568
CIE-LUV	83.416, -17.029, -39.7
Hunter-Lab	79.341, -4.414, -21.253
Binary	10110100, 11010010, 11111110

#b4d2fe
```
#b4d2fe rgb(180,210,254)
```
#fee0b4
```
#fee0b4 rgb(254,224,180)
```

Complementary Color

#b4f7fe
```
#b4f7fe rgb(180,247,254)
```
#b4d2fe
```
#b4d2fe rgb(180,210,254)
```
#bbb4fe
```
#bbb4fe rgb(187,180,254)
```

Analogous Color

#f7feb4
```
#f7feb4 rgb(247,254,180)
```
#b4d2fe
```
#b4d2fe rgb(180,210,254)
```
#febbb4
```
#febbb4 rgb(254,187,180)
```

Split Complementary Color

#d2feb4
```
#d2feb4 rgb(210,254,180)
```
#b4d2fe
```
#b4d2fe rgb(180,210,254)
```
#feb4d2
```
#feb4d2 rgb(254,180,210)
```

Triadic Color

#b4fee0
```
#b4fee0 rgb(180,254,224)
```
#b4d2fe
```
#b4d2fe rgb(180,210,254)
```
#feb4d2
```
#feb4d2 rgb(254,180,210)
```
#fee0b4
```
#fee0b4 rgb(254,224,180)
```

Tetradic Color

#69a5fd
```
#69a5fd rgb(105,165,253)
```
#82b4fd
```
#82b4fd rgb(130,180,253)
```
#9bc3fe
```
#9bc3fe rgb(155,195,254)
```
#b4d2fe
```
#b4d2fe rgb(180,210,254)
```
#cde1fe
```
#cde1fe rgb(205,225,254)
```
#e6f0ff
```
#e6f0ff rgb(230,240,255)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Monochromatic Color

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

#b4e5fe
```
#b4e5fe rgb(180,229,254)
```
#b4defe
```
#b4defe rgb(180,222,254)
```
#b4d8fe
```
#b4d8fe rgb(180,216,254)
```
#b4d2fe
```
#b4d2fe rgb(180,210,254)
```
#b4ccfe
```
#b4ccfe rgb(180,204,254)
```
#b4c6fe
```
#b4c6fe rgb(180,198,254)
```
#b4c0fe
```
#b4c0fe rgb(180,192,254)
```

Similar Colors

Text with hexadecimal color #b4d2fe

This text has a font color of #b4d2fe.

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

#b4d2fe background color

This paragraph has a background color of #b4d2fe.

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

#b4d2fe border color

This element has a border color of #b4d2fe.

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

CSS codes

.text {color:#b4d2fe;}

.background {background-color:#b4d2fe;}

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

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

#000102
```
#000102 rgb(0,1,2)
```
#000916
```
#000916 rgb(0,9,22)
```
#011129
```
#011129 rgb(1,17,41)
```
#01193d
```
#01193d rgb(1,25,61)
```
#012150
```
#012150 rgb(1,33,80)
```
#012963
```
#012963 rgb(1,41,99)
```
#023177
```
#023177 rgb(2,49,119)
```
#02398a
```
#02398a rgb(2,57,138)
```
#02419d
```
#02419d rgb(2,65,157)
```
#0249b1
```
#0249b1 rgb(2,73,177)
```
#0351c4
```
#0351c4 rgb(3,81,196)
```
#0359d7
```
#0359d7 rgb(3,89,215)
```
#0361eb
```
#0361eb rgb(3,97,235)
```

Shade Color Variation

#0669fc
```
#0669fc rgb(6,105,252)
```
#1975fc
```
#1975fc rgb(25,117,252)
```
#2c81fc
```
#2c81fc rgb(44,129,252)
```
#408cfc
```
#408cfc rgb(64,140,252)
```
#5398fd
```
#5398fd rgb(83,152,253)
```
#67a4fd
```
#67a4fd rgb(103,164,253)
```
#7aaffd
```
#7aaffd rgb(122,175,253)
```
#8dbbfd
```
#8dbbfd rgb(141,187,253)
```
#a1c6fe
```
#a1c6fe rgb(161,198,254)
```
#b4d2fe
```
#b4d2fe rgb(180,210,254)
```
#c7defe
```
#c7defe rgb(199,222,254)
```
#dbe9ff
```
#dbe9ff rgb(219,233,255)
```
#eef5ff
```
#eef5ff rgb(238,245,255)
```

Tint Color Variation

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

#d7d9db
```
#d7d9db rgb(215,217,219)
```
#d4d8de
```
#d4d8de rgb(212,216,222)
```
#d1d8e1
```
#d1d8e1 rgb(209,216,225)
```
#ced7e4
```
#ced7e4 rgb(206,215,228)
```
#cbd6e7
```
#cbd6e7 rgb(203,214,231)
```
#c8d6ea
```
#c8d6ea rgb(200,214,234)
```
#c6d5ec
```
#c6d5ec rgb(198,213,236)
```
#c3d5ef
```
#c3d5ef rgb(195,213,239)
```
#c0d4f2
```
#c0d4f2 rgb(192,212,242)
```
#bdd4f5
```
#bdd4f5 rgb(189,212,245)
```
#bad3f8
```
#bad3f8 rgb(186,211,248)
```
#b7d3fb
```
#b7d3fb rgb(183,211,251)
```
#b4d2fe
```
#b4d2fe rgb(180,210,254)
```

Tone Color Variation

Below, you can see how #b4d2fe 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
#c9cfd8 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c8d0fb Protanopia 1% of men
#cdceff Deuteranopia 1% of men
#b2d8e7 Tritanopia 0.001% of the population

Trichromacy

#c0d1fc Protanomaly 1% of men, 0.01% of women
#c4cffe Deuteranomaly 6% of men, 0.4% of women
#b2d6ef Tritanomaly 0.01% of the population

#b4d2fe hex color

#b4d2fe Color Information

#b4d2fe Color Conversion

Color Schemes with #b4d2fe

Alternatives to #b4d2fe

#b4d2fe Preview

Shades and Tints of #b4d2fe

Tones of #b4d2fe

Color Blindness Simulator