#b4c3fd hex color

In a RGB color space, hex #b4c3fd is composed of 70.6% red, 76.5% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 28.9% cyan, 22.9% magenta, 0% yellow and 0.8% black. It has a hue angle of 227.7 degrees, a saturation of 94.8% and a lightness of 84.9%. #b4c3fd color hex could be obtained by blending #ffffff with #6987fb. Closest websafe color is: #ccccff.

♥
- f
- t
- g
- R 71
- G 76
- B 99
RGB color chart
- C 29
- M 23
- Y 0
- K 1
CMYK color chart

● #b4c3fd color description : Very soft blue.

The hexadecimal color #b4c3fd has RGB values of R:180, G:195, B:253 and CMYK values of C:0.29, M:0.23, Y:0, K:0.01. Its decimal value is 11846653.

Hex triplet	b4c3fd	`#b4c3fd`
RGB Decimal	180, 195, 253	`rgb(180,195,253)`
RGB Percent	70.6, 76.5, 99.2	`rgb(70.6%,76.5%,99.2%)`
CMYK	29, 23, 0, 1
HSL	227.7°, 94.8, 84.9	`hsl(227.7,94.8%,84.9%)`
HSV (or HSB)	227.7°, 28.9, 99.2
Web Safe	ccccff	`#ccccff`

CIE-LAB	79.514, 7.628, -30.209
XYZ	56.064, 55.824, 100.744
xyY	0.264, 0.263, 55.824
CIE-LCH	79.514, 31.157, 284.172
CIE-LUV	79.514, -10.629, -49.756
Hunter-Lab	74.716, 3.187, -27.644
Binary	10110100, 11000011, 11111101

#b4c3fd
```
#b4c3fd rgb(180,195,253)
```
#fdeeb4
```
#fdeeb4 rgb(253,238,180)
```

Complementary Color

#b4e8fd
```
#b4e8fd rgb(180,232,253)
```
#b4c3fd
```
#b4c3fd rgb(180,195,253)
```
#cab4fd
```
#cab4fd rgb(202,180,253)
```

Analogous Color

#e8fdb4
```
#e8fdb4 rgb(232,253,180)
```
#b4c3fd
```
#b4c3fd rgb(180,195,253)
```
#fdcab4
```
#fdcab4 rgb(253,202,180)
```

Split Complementary Color

#c3fdb4
```
#c3fdb4 rgb(195,253,180)
```
#b4c3fd
```
#b4c3fd rgb(180,195,253)
```
#fdb4c3
```
#fdb4c3 rgb(253,180,195)
```

Triadic Color

#b4fdee
```
#b4fdee rgb(180,253,238)
```
#b4c3fd
```
#b4c3fd rgb(180,195,253)
```
#fdb4c3
```
#fdb4c3 rgb(253,180,195)
```
#fdeeb4
```
#fdeeb4 rgb(253,238,180)
```

Tetradic Color

#6987fb
```
#6987fb rgb(105,135,251)
```
#829bfc
```
#829bfc rgb(130,155,252)
```
#9baffc
```
#9baffc rgb(155,175,252)
```
#b4c3fd
```
#b4c3fd rgb(180,195,253)
```
#cdd7fe
```
#cdd7fe rgb(205,215,254)
```
#e6ebfe
```
#e6ebfe rgb(230,235,254)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Monochromatic Color

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

#b4d5fd
```
#b4d5fd rgb(180,213,253)
```
#b4cffd
```
#b4cffd rgb(180,207,253)
```
#b4c9fd
```
#b4c9fd rgb(180,201,253)
```
#b4c3fd
```
#b4c3fd rgb(180,195,253)
```
#b4bdfd
```
#b4bdfd rgb(180,189,253)
```
#b4b7fd
```
#b4b7fd rgb(180,183,253)
```
#b7b4fd
```
#b7b4fd rgb(183,180,253)
```

Similar Colors

Text with hexadecimal color #b4c3fd

This text has a font color of #b4c3fd.

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

#b4c3fd background color

This paragraph has a background color of #b4c3fd.

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

#b4c3fd border color

This element has a border color of #b4c3fd.

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

CSS codes

.text {color:#b4c3fd;}

.background {background-color:#b4c3fd;}

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

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

#000001
```
#000001 rgb(0,0,1)
```
#010515
```
#010515 rgb(1,5,21)
```
#010928
```
#010928 rgb(1,9,40)
```
#020d3b
```
#020d3b rgb(2,13,59)
```
#02124e
```
#02124e rgb(2,18,78)
```
#031661
```
#031661 rgb(3,22,97)
```
#031a74
```
#031a74 rgb(3,26,116)
```
#041f87
```
#041f87 rgb(4,31,135)
```
#04239a
```
#04239a rgb(4,35,154)
```
#0527ad
```
#0527ad rgb(5,39,173)
```
#052cc0
```
#052cc0 rgb(5,44,192)
```
#0630d4
```
#0630d4 rgb(6,48,212)
```
#0634e7
```
#0634e7 rgb(6,52,231)
```

Shade Color Variation

#0839f8
```
#0839f8 rgb(8,57,248)
```
#1b49f9
```
#1b49f9 rgb(27,73,249)
```
#2e58f9
```
#2e58f9 rgb(46,88,249)
```
#4167fa
```
#4167fa rgb(65,103,250)
```
#5477fa
```
#5477fa rgb(84,119,250)
```
#6886fb
```
#6886fb rgb(104,134,251)
```
#7b95fb
```
#7b95fb rgb(123,149,251)
```
#8ea4fc
```
#8ea4fc rgb(142,164,252)
```
#a1b4fc
```
#a1b4fc rgb(161,180,252)
```
#b4c3fd
```
#b4c3fd rgb(180,195,253)
```
#c7d2fe
```
#c7d2fe rgb(199,210,254)
```
#dae2fe
```
#dae2fe rgb(218,226,254)
```
#edf1ff
```
#edf1ff rgb(237,241,255)
```

Tint Color Variation

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

#d8d8d9
```
#d8d8d9 rgb(216,216,217)
```
#d5d6dc
```
#d5d6dc rgb(213,214,220)
```
#d2d4df
```
#d2d4df rgb(210,212,223)
```
#cfd3e2
```
#cfd3e2 rgb(207,211,226)
```
#ccd1e5
```
#ccd1e5 rgb(204,209,229)
```
#c9cfe8
```
#c9cfe8 rgb(201,207,232)
```
#c6cdeb
```
#c6cdeb rgb(198,205,235)
```
#c3ccee
```
#c3ccee rgb(195,204,238)
```
#c0caf1
```
#c0caf1 rgb(192,202,241)
```
#bdc8f4
```
#bdc8f4 rgb(189,200,244)
```
#bac6f7
```
#bac6f7 rgb(186,198,247)
```
#b7c5fa
```
#b7c5fa rgb(183,197,250)
```
#b4c3fd
```
#b4c3fd rgb(180,195,253)
```

Tone Color Variation

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

#c5c5c5 Achromatopsia 0.005% of the population
#c2c5d0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b8c5fc Protanopia 1% of men
#bcc4fd Deuteranopia 1% of men
#afccdb Tritanopia 0.001% of the population

Trichromacy

#b6c4fc Protanomaly 1% of men, 0.01% of women
#b9c4fd Deuteranomaly 6% of men, 0.4% of women
#b0c9e7 Tritanomaly 0.01% of the population

#b4c3fd hex color

#b4c3fd Color Information

#b4c3fd Color Conversion

Color Schemes with #b4c3fd

Alternatives to #b4c3fd

#b4c3fd Preview

Shades and Tints of #b4c3fd

Tones of #b4c3fd

Color Blindness Simulator