#b4dcfa hex color

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

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

● #b4dcfa color description : Very soft blue.

The hexadecimal color #b4dcfa has RGB values of R:180, G:220, B:250 and CMYK values of C:0.28, M:0.12, Y:0, K:0.02. Its decimal value is 11853050.

Hex triplet	b4dcfa	`#b4dcfa`
RGB Decimal	180, 220, 250	`rgb(180,220,250)`
RGB Percent	70.6, 86.3, 98	`rgb(70.6%,86.3%,98%)`
CMYK	28, 12, 0, 2
HSL	205.7°, 87.5, 84.3	`hsl(205.7,87.5%,84.3%)`
HSV (or HSB)	205.7°, 28, 98
Web Safe	ccccff	`#ccccff`

CIE-LAB	85.901, -6.376, -18.891
XYZ	61.667, 67.79, 100.273
xyY	0.268, 0.295, 67.79
CIE-LCH	85.901, 19.938, 251.35
CIE-LUV	85.901, -21.227, -29.051
Hunter-Lab	82.335, -10.393, -14.573
Binary	10110100, 11011100, 11111010

#b4dcfa
```
#b4dcfa rgb(180,220,250)
```
#fad2b4
```
#fad2b4 rgb(250,210,180)
```

Complementary Color

#b4faf5
```
#b4faf5 rgb(180,250,245)
```
#b4dcfa
```
#b4dcfa rgb(180,220,250)
```
#b4b9fa
```
#b4b9fa rgb(180,185,250)
```

Analogous Color

#faf5b4
```
#faf5b4 rgb(250,245,180)
```
#b4dcfa
```
#b4dcfa rgb(180,220,250)
```
#fab4b9
```
#fab4b9 rgb(250,180,185)
```

Split Complementary Color

#dcfab4
```
#dcfab4 rgb(220,250,180)
```
#b4dcfa
```
#b4dcfa rgb(180,220,250)
```
#fab4dc
```
#fab4dc rgb(250,180,220)
```

Triadic Color

#b4fad2
```
#b4fad2 rgb(180,250,210)
```
#b4dcfa
```
#b4dcfa rgb(180,220,250)
```
#fab4dc
```
#fab4dc rgb(250,180,220)
```
#fad2b4
```
#fad2b4 rgb(250,210,180)
```

Tetradic Color

#6cbbf5
```
#6cbbf5 rgb(108,187,245)
```
#84c6f7
```
#84c6f7 rgb(132,198,247)
```
#9cd1f8
```
#9cd1f8 rgb(156,209,248)
```
#b4dcfa
```
#b4dcfa rgb(180,220,250)
```
#cce7fc
```
#cce7fc rgb(204,231,252)
```
#e4f2fd
```
#e4f2fd rgb(228,242,253)
```
#fcfdff
```
#fcfdff rgb(252,253,255)
```

Monochromatic Color

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

#b4eefa
```
#b4eefa rgb(180,238,250)
```
#b4e8fa
```
#b4e8fa rgb(180,232,250)
```
#b4e2fa
```
#b4e2fa rgb(180,226,250)
```
#b4dcfa
```
#b4dcfa rgb(180,220,250)
```
#b4d6fa
```
#b4d6fa rgb(180,214,250)
```
#b4d0fa
```
#b4d0fa rgb(180,208,250)
```
#b4cbfa
```
#b4cbfa rgb(180,203,250)
```

Similar Colors

Text with hexadecimal color #b4dcfa

This text has a font color of #b4dcfa.

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

#b4dcfa background color

This paragraph has a background color of #b4dcfa.

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

#b4dcfa border color

This element has a border color of #b4dcfa.

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

CSS codes

.text {color:#b4dcfa;}

.background {background-color:#b4dcfa;}

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

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

#010a11
```
#010a11 rgb(1,10,17)
```
#021523
```
#021523 rgb(2,21,35)
```
#042036
```
#042036 rgb(4,32,54)
```
#052b48
```
#052b48 rgb(5,43,72)
```
#06365b
```
#06365b rgb(6,54,91)
```
#07416d
```
#07416d rgb(7,65,109)
```
#084c7f
```
#084c7f rgb(8,76,127)
```
#0a5792
```
#0a5792 rgb(10,87,146)
```
#0b62a4
```
#0b62a4 rgb(11,98,164)
```
#0c6db6
```
#0c6db6 rgb(12,109,182)
```
#0d79c9
```
#0d79c9 rgb(13,121,201)
```
#0f84db
```
#0f84db rgb(15,132,219)
```
#108fee
```
#108fee rgb(16,143,238)
```

Shade Color Variation

#2197f0
```
#2197f0 rgb(33,151,240)
```
#33a0f1
```
#33a0f1 rgb(51,160,241)
```
#46a9f3
```
#46a9f3 rgb(70,169,243)
```
#58b1f4
```
#58b1f4 rgb(88,177,244)
```
#6abaf5
```
#6abaf5 rgb(106,186,245)
```
#7dc2f6
```
#7dc2f6 rgb(125,194,246)
```
#8fcbf8
```
#8fcbf8 rgb(143,203,248)
```
#a2d3f9
```
#a2d3f9 rgb(162,211,249)
```
#b4dcfa
```
#b4dcfa rgb(180,220,250)
```
#c6e5fb
```
#c6e5fb rgb(198,229,251)
```
#d9edfc
```
#d9edfc rgb(217,237,252)
```
#ebf6fe
```
#ebf6fe rgb(235,246,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 #b1dcfd is the most saturated one.

#d6d7d8
```
#d6d7d8 rgb(214,215,216)
```
#d3d8db
```
#d3d8db rgb(211,216,219)
```
#d0d8de
```
#d0d8de rgb(208,216,222)
```
#cdd8e1
```
#cdd8e1 rgb(205,216,225)
```
#cad9e4
```
#cad9e4 rgb(202,217,228)
```
#c6d9e8
```
#c6d9e8 rgb(198,217,232)
```
#c3daeb
```
#c3daeb rgb(195,218,235)
```
#c0daee
```
#c0daee rgb(192,218,238)
```
#bddbf1
```
#bddbf1 rgb(189,219,241)
```
#badbf4
```
#badbf4 rgb(186,219,244)
```
#b7dcf7
```
#b7dcf7 rgb(183,220,247)
```
#b4dcfa
```
#b4dcfa rgb(180,220,250)
```
#b1dcfd
```
#b1dcfd rgb(177,220,253)
```

Tone Color Variation

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

#d3d3d3 Achromatopsia 0.005% of the population
#cdd5db Atypical Achromatopsia 0.001% of the population

Dichromacy

#d3d7f6 Protanopia 1% of men
#dad4fd Deuteranopia 1% of men
#b5dfef Tritanopia 0.001% of the population

Trichromacy

#c7d8f7 Protanomaly 1% of men, 0.01% of women
#ccd7fc Deuteranomaly 6% of men, 0.4% of women
#b4def3 Tritanomaly 0.01% of the population

#b4dcfa hex color

#b4dcfa Color Information

#b4dcfa Color Conversion

Color Schemes with #b4dcfa

Alternatives to #b4dcfa

#b4dcfa Preview

Shades and Tints of #b4dcfa

Tones of #b4dcfa

Color Blindness Simulator