#b4dff5 hex color

In a RGB color space, hex #b4dff5 is composed of 70.6% red, 87.5% green and 96.1% blue. Whereas in a CMYK color space, it is composed of 26.5% cyan, 9% magenta, 0% yellow and 3.9% black. It has a hue angle of 200.3 degrees, a saturation of 76.5% and a lightness of 83.3%. #b4dff5 color hex could be obtained by blending #ffffff with #69bfeb. Closest websafe color is: #ccccff.

♥
- f
- t
- g
- R 71
- G 87
- B 96
RGB color chart
- C 27
- M 9
- Y 0
- K 4
CMYK color chart

● #b4dff5 color description : Very soft blue.

The hexadecimal color #b4dff5 has RGB values of R:180, G:223, B:245 and CMYK values of C:0.27, M:0.09, Y:0, K:0.04. Its decimal value is 11853813.

Hex triplet	b4dff5	`#b4dff5`
RGB Decimal	180, 223, 245	`rgb(180,223,245)`
RGB Percent	70.6, 87.5, 96.1	`rgb(70.6%,87.5%,96.1%)`
CMYK	27, 9, 0, 4
HSL	200.3°, 76.5, 83.3	`hsl(200.3,76.5%,83.3%)`
HSV (or HSB)	200.3°, 26.5, 96.1
Web Safe	ccccff	`#ccccff`

CIE-LAB	86.538, -9.073, -15.296
XYZ	61.688, 69.069, 96.463
xyY	0.271, 0.304, 69.069
CIE-LCH	86.538, 17.785, 239.325
CIE-LUV	86.538, -22.446, -22.719
Hunter-Lab	83.108, -12.946, -10.642
Binary	10110100, 11011111, 11110101

#b4dff5
```
#b4dff5 rgb(180,223,245)
```
#f5cab4
```
#f5cab4 rgb(245,202,180)
```

Complementary Color

#b4f5eb
```
#b4f5eb rgb(180,245,235)
```
#b4dff5
```
#b4dff5 rgb(180,223,245)
```
#b4bff5
```
#b4bff5 rgb(180,191,245)
```

Analogous Color

#f5ebb4
```
#f5ebb4 rgb(245,235,180)
```
#b4dff5
```
#b4dff5 rgb(180,223,245)
```
#f5b4bf
```
#f5b4bf rgb(245,180,191)
```

Split Complementary Color

#dff5b4
```
#dff5b4 rgb(223,245,180)
```
#b4dff5
```
#b4dff5 rgb(180,223,245)
```
#f5b4df
```
#f5b4df rgb(245,180,223)
```

Triadic Color

#b4f5ca
```
#b4f5ca rgb(180,245,202)
```
#b4dff5
```
#b4dff5 rgb(180,223,245)
```
#f5b4df
```
#f5b4df rgb(245,180,223)
```
#f5cab4
```
#f5cab4 rgb(245,202,180)
```

Tetradic Color

#71c2ec
```
#71c2ec rgb(113,194,236)
```
#87ccef
```
#87ccef rgb(135,204,239)
```
#9ed5f2
```
#9ed5f2 rgb(158,213,242)
```
#b4dff5
```
#b4dff5 rgb(180,223,245)
```
#cbe9f8
```
#cbe9f8 rgb(203,233,248)
```
#e1f2fb
```
#e1f2fb rgb(225,242,251)
```
#f8fcfe
```
#f8fcfe rgb(248,252,254)
```

Monochromatic Color

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

#b4eff5
```
#b4eff5 rgb(180,239,245)
```
#b4eaf5
```
#b4eaf5 rgb(180,234,245)
```
#b4e4f5
```
#b4e4f5 rgb(180,228,245)
```
#b4dff5
```
#b4dff5 rgb(180,223,245)
```
#b4daf5
```
#b4daf5 rgb(180,218,245)
```
#b4d4f5
```
#b4d4f5 rgb(180,212,245)
```
#b4cff5
```
#b4cff5 rgb(180,207,245)
```

Similar Colors

Text with hexadecimal color #b4dff5

This text has a font color of #b4dff5.

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

#b4dff5 background color

This paragraph has a background color of #b4dff5.

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

#b4dff5 border color

This element has a border color of #b4dff5.

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

CSS codes

.text {color:#b4dff5;}

.background {background-color:#b4dff5;}

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

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, #02080c is the darkest color, while #f9fdfe is the lightest one.

#02080c
```
#02080c rgb(2,8,12)
```
#04141d
```
#04141d rgb(4,20,29)
```
#06212e
```
#06212e rgb(6,33,46)
```
#082d3f
```
#082d3f rgb(8,45,63)
```
#0b3951
```
#0b3951 rgb(11,57,81)
```
#0d4562
```
#0d4562 rgb(13,69,98)
```
#0f5273
```
#0f5273 rgb(15,82,115)
```
#125e85
```
#125e85 rgb(18,94,133)
```
#146a96
```
#146a96 rgb(20,106,150)
```
#1676a7
```
#1676a7 rgb(22,118,167)
```
#1982b9
```
#1982b9 rgb(25,130,185)
```
#1b8fca
```
#1b8fca rgb(27,143,202)
```
#1d9bdb
```
#1d9bdb rgb(29,155,219)
```

Shade Color Variation

#2aa4e3
```
#2aa4e3 rgb(42,164,227)
```
#3babe5
```
#3babe5 rgb(59,171,229)
```
#4cb3e7
```
#4cb3e7 rgb(76,179,231)
```
#5dbae9
```
#5dbae9 rgb(93,186,233)
```
#6fc1ec
```
#6fc1ec rgb(111,193,236)
```
#80c9ee
```
#80c9ee rgb(128,201,238)
```
#91d0f0
```
#91d0f0 rgb(145,208,240)
```
#a3d8f3
```
#a3d8f3 rgb(163,216,243)
```
#b4dff5
```
#b4dff5 rgb(180,223,245)
```
#c5e6f7
```
#c5e6f7 rgb(197,230,247)
```
#d7eefa
```
#d7eefa rgb(215,238,250)
```
#e8f5fc
```
#e8f5fc rgb(232,245,252)
```
#f9fdfe
```
#f9fdfe rgb(249,253,254)
```

Tint Color Variation

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

#d1d5d8
```
#d1d5d8 rgb(209,213,216)
```
#ced7db
```
#ced7db rgb(206,215,219)
```
#cbd8de
```
#cbd8de rgb(203,216,222)
```
#c8d9e1
```
#c8d9e1 rgb(200,217,225)
```
#c4dae5
```
#c4dae5 rgb(196,218,229)
```
#c1dbe8
```
#c1dbe8 rgb(193,219,232)
```
#bedceb
```
#bedceb rgb(190,220,235)
```
#bbddee
```
#bbddee rgb(187,221,238)
```
#b7def2
```
#b7def2 rgb(183,222,242)
```
#b4dff5
```
#b4dff5 rgb(180,223,245)
```
#b1e0f8
```
#b1e0f8 rgb(177,224,248)
```
#ade1fc
```
#ade1fc rgb(173,225,252)
```
#aae2ff
```
#aae2ff rgb(170,226,255)
```

Tone Color Variation

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

#d5d5d5 Achromatopsia 0.005% of the population
#ced7db Atypical Achromatopsia 0.001% of the population

Dichromacy

#d7d9f1 Protanopia 1% of men
#dfd5f9 Deuteranopia 1% of men
#b6e1f1 Tritanopia 0.001% of the population

Trichromacy

#cadbf2 Protanomaly 1% of men, 0.01% of women
#cfd9f7 Deuteranomaly 6% of men, 0.4% of women
#b5e0f2 Tritanomaly 0.01% of the population

#b4dff5 hex color

#b4dff5 Color Information

#b4dff5 Color Conversion

Color Schemes with #b4dff5

Alternatives to #b4dff5

#b4dff5 Preview

Shades and Tints of #b4dff5

Tones of #b4dff5

Color Blindness Simulator