#b4d4fa hex color

In a RGB color space, hex #b4d4fa is composed of 70.6% red, 83.1% green and 98% blue. Whereas in a CMYK color space, it is composed of 28% cyan, 15.2% magenta, 0% yellow and 2% black. It has a hue angle of 212.6 degrees, a saturation of 87.5% and a lightness of 84.3%. #b4d4fa color hex could be obtained by blending #ffffff with #69a9f5. Closest websafe color is: #ccccff.

♥
- f
- t
- g
- R 71
- G 83
- B 98
RGB color chart
- C 28
- M 15
- Y 0
- K 2
CMYK color chart

● #b4d4fa color description : Very soft blue.

The hexadecimal color #b4d4fa has RGB values of R:180, G:212, B:250 and CMYK values of C:0.28, M:0.15, Y:0, K:0.02. Its decimal value is 11851002.

Hex triplet	b4d4fa	`#b4d4fa`
RGB Decimal	180, 212, 250	`rgb(180,212,250)`
RGB Percent	70.6, 83.1, 98	`rgb(70.6%,83.1%,98%)`
CMYK	28, 15, 0, 2
HSL	212.6°, 87.5, 84.3	`hsl(212.6,87.5%,84.3%)`
HSV (or HSB)	212.6°, 28, 98
Web Safe	ccccff	`#ccccff`

CIE-LAB	83.805, -2.187, -22.063
XYZ	59.617, 63.691, 99.59
xyY	0.267, 0.286, 63.691
CIE-LCH	83.805, 22.171, 264.338
CIE-LUV	83.805, -17.781, -34.878
Hunter-Lab	79.807, -6.317, -18.123
Binary	10110100, 11010100, 11111010

#b4d4fa
```
#b4d4fa rgb(180,212,250)
```
#fadab4
```
#fadab4 rgb(250,218,180)
```

Complementary Color

#b4f7fa
```
#b4f7fa rgb(180,247,250)
```
#b4d4fa
```
#b4d4fa rgb(180,212,250)
```
#b7b4fa
```
#b7b4fa rgb(183,180,250)
```

Analogous Color

#f7fab4
```
#f7fab4 rgb(247,250,180)
```
#b4d4fa
```
#b4d4fa rgb(180,212,250)
```
#fab7b4
```
#fab7b4 rgb(250,183,180)
```

Split Complementary Color

#d4fab4
```
#d4fab4 rgb(212,250,180)
```
#b4d4fa
```
#b4d4fa rgb(180,212,250)
```
#fab4d4
```
#fab4d4 rgb(250,180,212)
```

Triadic Color

#b4fada
```
#b4fada rgb(180,250,218)
```
#b4d4fa
```
#b4d4fa rgb(180,212,250)
```
#fab4d4
```
#fab4d4 rgb(250,180,212)
```
#fadab4
```
#fadab4 rgb(250,218,180)
```

Tetradic Color

#6cabf5
```
#6cabf5 rgb(108,171,245)
```
#84b9f7
```
#84b9f7 rgb(132,185,247)
```
#9cc6f8
```
#9cc6f8 rgb(156,198,248)
```
#b4d4fa
```
#b4d4fa rgb(180,212,250)
```
#cce2fc
```
#cce2fc rgb(204,226,252)
```
#e4effd
```
#e4effd rgb(228,239,253)
```
#fcfdff
```
#fcfdff rgb(252,253,255)
```

Monochromatic Color

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

#b4e6fa
```
#b4e6fa rgb(180,230,250)
```
#b4e0fa
```
#b4e0fa rgb(180,224,250)
```
#b4dafa
```
#b4dafa rgb(180,218,250)
```
#b4d4fa
```
#b4d4fa rgb(180,212,250)
```
#b4cefa
```
#b4cefa rgb(180,206,250)
```
#b4c8fa
```
#b4c8fa rgb(180,200,250)
```
#b4c3fa
```
#b4c3fa rgb(180,195,250)
```

Similar Colors

Text with hexadecimal color #b4d4fa

This text has a font color of #b4d4fa.

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

#b4d4fa background color

This paragraph has a background color of #b4d4fa.

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

#b4d4fa border color

This element has a border color of #b4d4fa.

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

CSS codes

.text {color:#b4d4fa;}

.background {background-color:#b4d4fa;}

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

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

#010811
```
#010811 rgb(1,8,17)
```
#021123
```
#021123 rgb(2,17,35)
```
#041b36
```
#041b36 rgb(4,27,54)
```
#052448
```
#052448 rgb(5,36,72)
```
#062d5b
```
#062d5b rgb(6,45,91)
```
#07366d
```
#07366d rgb(7,54,109)
```
#083f7f
```
#083f7f rgb(8,63,127)
```
#0a4892
```
#0a4892 rgb(10,72,146)
```
#0b51a4
```
#0b51a4 rgb(11,81,164)
```
#0c5ab6
```
#0c5ab6 rgb(12,90,182)
```
#0d63c9
```
#0d63c9 rgb(13,99,201)
```
#0f6cdb
```
#0f6cdb rgb(15,108,219)
```
#1075ee
```
#1075ee rgb(16,117,238)
```

Shade Color Variation

#2180f0
```
#2180f0 rgb(33,128,240)
```
#338af1
```
#338af1 rgb(51,138,241)
```
#4695f3
```
#4695f3 rgb(70,149,243)
```
#589ff4
```
#589ff4 rgb(88,159,244)
```
#6aaaf5
```
#6aaaf5 rgb(106,170,245)
```
#7db4f6
```
#7db4f6 rgb(125,180,246)
```
#8fbff8
```
#8fbff8 rgb(143,191,248)
```
#a2c9f9
```
#a2c9f9 rgb(162,201,249)
```
#b4d4fa
```
#b4d4fa rgb(180,212,250)
```
#c6dffb
```
#c6dffb rgb(198,223,251)
```
#d9e9fc
```
#d9e9fc rgb(217,233,252)
```
#ebf4fe
```
#ebf4fe rgb(235,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)
```
#c6d6e8
```
#c6d6e8 rgb(198,214,232)
```
#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 #b4d4fa 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

#cbd1f7 Protanopia 1% of men
#d1cffc Deuteranopia 1% of men
#b3d9e9 Tritanopia 0.001% of the population

Trichromacy

#c2d2f8 Protanomaly 1% of men, 0.01% of women
#c6d0fb Deuteranomaly 6% of men, 0.4% of women
#b3d7ef Tritanomaly 0.01% of the population

#b4d4fa hex color

#b4d4fa Color Information

#b4d4fa Color Conversion

Color Schemes with #b4d4fa

Alternatives to #b4d4fa

#b4d4fa Preview

Shades and Tints of #b4d4fa

Tones of #b4d4fa

Color Blindness Simulator