#b4bcfd hex color

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

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

● #b4bcfd color description : Very soft blue.

The hexadecimal color #b4bcfd has RGB values of R:180, G:188, B:253 and CMYK values of C:0.29, M:0.26, Y:0, K:0.01. Its decimal value is 11844861.

Hex triplet	b4bcfd	`#b4bcfd`
RGB Decimal	180, 188, 253	`rgb(180,188,253)`
RGB Percent	70.6, 73.7, 99.2	`rgb(70.6%,73.7%,99.2%)`
CMYK	29, 26, 0, 1
HSL	233.4°, 94.8, 84.9	`hsl(233.4,94.8%,84.9%)`
HSV (or HSB)	233.4°, 28.9, 99.2
Web Safe	ccccff	`#ccccff`

CIE-LAB	77.733, 11.447, -32.948
XYZ	54.532, 52.761, 100.234
xyY	0.263, 0.254, 52.761
CIE-LCH	77.733, 34.88, 289.159
CIE-LUV	77.733, -7.689, -54.789
Hunter-Lab	72.637, 6.895, -30.971
Binary	10110100, 10111100, 11111101

#b4bcfd
```
#b4bcfd rgb(180,188,253)
```
#fdf5b4
```
#fdf5b4 rgb(253,245,180)
```

Complementary Color

#b4e1fd
```
#b4e1fd rgb(180,225,253)
```
#b4bcfd
```
#b4bcfd rgb(180,188,253)
```
#d1b4fd
```
#d1b4fd rgb(209,180,253)
```

Analogous Color

#e1fdb4
```
#e1fdb4 rgb(225,253,180)
```
#b4bcfd
```
#b4bcfd rgb(180,188,253)
```
#fdd1b4
```
#fdd1b4 rgb(253,209,180)
```

Split Complementary Color

#bcfdb4
```
#bcfdb4 rgb(188,253,180)
```
#b4bcfd
```
#b4bcfd rgb(180,188,253)
```
#fdb4bc
```
#fdb4bc rgb(253,180,188)
```

Triadic Color

#b4fdf5
```
#b4fdf5 rgb(180,253,245)
```
#b4bcfd
```
#b4bcfd rgb(180,188,253)
```
#fdb4bc
```
#fdb4bc rgb(253,180,188)
```
#fdf5b4
```
#fdf5b4 rgb(253,245,180)
```

Tetradic Color

#6979fb
```
#6979fb rgb(105,121,251)
```
#8290fc
```
#8290fc rgb(130,144,252)
```
#9ba6fc
```
#9ba6fc rgb(155,166,252)
```
#b4bcfd
```
#b4bcfd rgb(180,188,253)
```
#cdd2fe
```
#cdd2fe rgb(205,210,254)
```
#e6e8fe
```
#e6e8fe rgb(230,232,254)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Monochromatic Color

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

#b4cefd
```
#b4cefd rgb(180,206,253)
```
#b4c8fd
```
#b4c8fd rgb(180,200,253)
```
#b4c2fd
```
#b4c2fd rgb(180,194,253)
```
#b4bcfd
```
#b4bcfd rgb(180,188,253)
```
#b4b6fd
```
#b4b6fd rgb(180,182,253)
```
#b8b4fd
```
#b8b4fd rgb(184,180,253)
```
#beb4fd
```
#beb4fd rgb(190,180,253)
```

Similar Colors

Text with hexadecimal color #b4bcfd

This text has a font color of #b4bcfd.

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

#b4bcfd background color

This paragraph has a background color of #b4bcfd.

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

#b4bcfd border color

This element has a border color of #b4bcfd.

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

CSS codes

.text {color:#b4bcfd;}

.background {background-color:#b4bcfd;}

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

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 #edefff is the lightest one.

#000001
```
#000001 rgb(0,0,1)
```
#010315
```
#010315 rgb(1,3,21)
```
#010528
```
#010528 rgb(1,5,40)
```
#02083b
```
#02083b rgb(2,8,59)
```
#020a4e
```
#020a4e rgb(2,10,78)
```
#030d61
```
#030d61 rgb(3,13,97)
```
#030f74
```
#030f74 rgb(3,15,116)
```
#041287
```
#041287 rgb(4,18,135)
```
#04159a
```
#04159a rgb(4,21,154)
```
#0517ad
```
#0517ad rgb(5,23,173)
```
#051ac0
```
#051ac0 rgb(5,26,192)
```
#061cd4
```
#061cd4 rgb(6,28,212)
```
#061fe7
```
#061fe7 rgb(6,31,231)
```

Shade Color Variation

#0822f8
```
#0822f8 rgb(8,34,248)
```
#1b33f9
```
#1b33f9 rgb(27,51,249)
```
#2e45f9
```
#2e45f9 rgb(46,69,249)
```
#4156fa
```
#4156fa rgb(65,86,250)
```
#5467fa
```
#5467fa rgb(84,103,250)
```
#6878fb
```
#6878fb rgb(104,120,251)
```
#7b89fb
```
#7b89fb rgb(123,137,251)
```
#8e9afc
```
#8e9afc rgb(142,154,252)
```
#a1abfc
```
#a1abfc rgb(161,171,252)
```
#b4bcfd
```
#b4bcfd rgb(180,188,253)
```
#c7cdfe
```
#c7cdfe rgb(199,205,254)
```
#dadefe
```
#dadefe rgb(218,222,254)
```
#edefff
```
#edefff rgb(237,239,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 #b4bcfd is the most saturated one.

#d8d8d9
```
#d8d8d9 rgb(216,216,217)
```
#d5d5dc
```
#d5d5dc rgb(213,213,220)
```
#d2d3df
```
#d2d3df rgb(210,211,223)
```
#cfd1e2
```
#cfd1e2 rgb(207,209,226)
```
#cccee5
```
#cccee5 rgb(204,206,229)
```
#c9cce8
```
#c9cce8 rgb(201,204,232)
```
#c6caeb
```
#c6caeb rgb(198,202,235)
```
#c3c8ee
```
#c3c8ee rgb(195,200,238)
```
#c0c5f1
```
#c0c5f1 rgb(192,197,241)
```
#bdc3f4
```
#bdc3f4 rgb(189,195,244)
```
#bac1f7
```
#bac1f7 rgb(186,193,247)
```
#b7befa
```
#b7befa rgb(183,190,250)
```
#b4bcfd
```
#b4bcfd rgb(180,188,253)
```

Tone Color Variation

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

#c1c1c1 Achromatopsia 0.005% of the population
#bec0cd Atypical Achromatopsia 0.001% of the population

Dichromacy

#b1c1fe Protanopia 1% of men
#b3c0fc Deuteranopia 1% of men
#adc7d5 Tritanopia 0.001% of the population

Trichromacy

#b2bffd Protanomaly 1% of men, 0.01% of women
#b3befc Deuteranomaly 6% of men, 0.4% of women
#b0c3e3 Tritanomaly 0.01% of the population

#b4bcfd hex color

#b4bcfd Color Information

#b4bcfd Color Conversion

Color Schemes with #b4bcfd

Alternatives to #b4bcfd

#b4bcfd Preview

Shades and Tints of #b4bcfd

Tones of #b4bcfd

Color Blindness Simulator