#b4d4fe hex color

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

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

● #b4d4fe color description : Very soft blue.

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

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

CIE-LAB	83.937, -1.246, -23.981
XYZ	60.251, 63.944, 102.928
xyY	0.265, 0.282, 63.944
CIE-LCH	83.937, 24.013, 267.026
CIE-LUV	83.937, -17.882, -38.24
Hunter-Lab	79.965, -5.445, -20.34
Binary	10110100, 11010100, 11111110

#b4d4fe
```
#b4d4fe rgb(180,212,254)
```
#fedeb4
```
#fedeb4 rgb(254,222,180)
```

Complementary Color

#b4f9fe
```
#b4f9fe rgb(180,249,254)
```
#b4d4fe
```
#b4d4fe rgb(180,212,254)
```
#b9b4fe
```
#b9b4fe rgb(185,180,254)
```

Analogous Color

#f9feb4
```
#f9feb4 rgb(249,254,180)
```
#b4d4fe
```
#b4d4fe rgb(180,212,254)
```
#feb9b4
```
#feb9b4 rgb(254,185,180)
```

Split Complementary Color

#d4feb4
```
#d4feb4 rgb(212,254,180)
```
#b4d4fe
```
#b4d4fe rgb(180,212,254)
```
#feb4d4
```
#feb4d4 rgb(254,180,212)
```

Triadic Color

#b4fede
```
#b4fede rgb(180,254,222)
```
#b4d4fe
```
#b4d4fe rgb(180,212,254)
```
#feb4d4
```
#feb4d4 rgb(254,180,212)
```
#fedeb4
```
#fedeb4 rgb(254,222,180)
```

Tetradic Color

#69a9fd
```
#69a9fd rgb(105,169,253)
```
#82b7fd
```
#82b7fd rgb(130,183,253)
```
#9bc6fe
```
#9bc6fe rgb(155,198,254)
```
#b4d4fe
```
#b4d4fe rgb(180,212,254)
```
#cde2fe
```
#cde2fe rgb(205,226,254)
```
#e6f1ff
```
#e6f1ff rgb(230,241,255)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Monochromatic Color

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

#b4e7fe
```
#b4e7fe rgb(180,231,254)
```
#b4e0fe
```
#b4e0fe rgb(180,224,254)
```
#b4dafe
```
#b4dafe rgb(180,218,254)
```
#b4d4fe
```
#b4d4fe rgb(180,212,254)
```
#b4cefe
```
#b4cefe rgb(180,206,254)
```
#b4c8fe
```
#b4c8fe rgb(180,200,254)
```
#b4c2fe
```
#b4c2fe rgb(180,194,254)
```

Similar Colors

Text with hexadecimal color #b4d4fe

This text has a font color of #b4d4fe.

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

#b4d4fe background color

This paragraph has a background color of #b4d4fe.

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

#b4d4fe border color

This element has a border color of #b4d4fe.

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

CSS codes

.text {color:#b4d4fe;}

.background {background-color:#b4d4fe;}

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

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)
```
#000a16
```
#000a16 rgb(0,10,22)
```
#011229
```
#011229 rgb(1,18,41)
```
#011b3d
```
#011b3d rgb(1,27,61)
```
#012350
```
#012350 rgb(1,35,80)
```
#012c63
```
#012c63 rgb(1,44,99)
```
#023477
```
#023477 rgb(2,52,119)
```
#023d8a
```
#023d8a rgb(2,61,138)
```
#02459d
```
#02459d rgb(2,69,157)
```
#024eb1
```
#024eb1 rgb(2,78,177)
```
#0356c4
```
#0356c4 rgb(3,86,196)
```
#035fd7
```
#035fd7 rgb(3,95,215)
```
#0367eb
```
#0367eb rgb(3,103,235)
```

Shade Color Variation

#0670fc
```
#0670fc rgb(6,112,252)
```
#197bfc
```
#197bfc rgb(25,123,252)
```
#2c86fc
```
#2c86fc rgb(44,134,252)
```
#4091fc
```
#4091fc rgb(64,145,252)
```
#539dfd
```
#539dfd rgb(83,157,253)
```
#67a8fd
```
#67a8fd rgb(103,168,253)
```
#7ab3fd
```
#7ab3fd rgb(122,179,253)
```
#8dbefd
```
#8dbefd rgb(141,190,253)
```
#a1c9fe
```
#a1c9fe rgb(161,201,254)
```
#b4d4fe
```
#b4d4fe rgb(180,212,254)
```
#c7dffe
```
#c7dffe rgb(199,223,254)
```
#dbeaff
```
#dbeaff rgb(219,234,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 #b4d4fe is the most saturated one.

#d7d9db
```
#d7d9db rgb(215,217,219)
```
#d4d8de
```
#d4d8de rgb(212,216,222)
```
#d1d8e1
```
#d1d8e1 rgb(209,216,225)
```
#ced8e4
```
#ced8e4 rgb(206,216,228)
```
#cbd7e7
```
#cbd7e7 rgb(203,215,231)
```
#c8d7ea
```
#c8d7ea rgb(200,215,234)
```
#c6d6ec
```
#c6d6ec rgb(198,214,236)
```
#c3d6ef
```
#c3d6ef rgb(195,214,239)
```
#c0d6f2
```
#c0d6f2 rgb(192,214,242)
```
#bdd5f5
```
#bdd5f5 rgb(189,213,245)
```
#bad5f8
```
#bad5f8 rgb(186,213,248)
```
#b7d4fb
```
#b7d4fb rgb(183,212,251)
```
#b4d4fe
```
#b4d4fe rgb(180,212,254)
```

Tone Color Variation

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

#cfcfcf Achromatopsia 0.005% of the population
#cad0d8 Atypical Achromatopsia 0.001% of the population

Dichromacy

#cad1fb Protanopia 1% of men
#cfcfff Deuteranopia 1% of men
#b2d9e9 Tritanopia 0.001% of the population

Trichromacy

#c2d2fc Protanomaly 1% of men, 0.01% of women
#c5d1fe Deuteranomaly 6% of men, 0.4% of women
#b3d7f1 Tritanomaly 0.01% of the population

#b4d4fe hex color

#b4d4fe Color Information

#b4d4fe Color Conversion

Color Schemes with #b4d4fe

Alternatives to #b4d4fe

#b4d4fe Preview

Shades and Tints of #b4d4fe

Tones of #b4d4fe

Color Blindness Simulator