#b4cffd hex color

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

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

● #b4cffd color description : Very soft blue.

The hexadecimal color #b4cffd has RGB values of R:180, G:207, B:253 and CMYK values of C:0.29, M:0.18, Y:0, K:0.01. Its decimal value is 11849725.

Hex triplet	b4cffd	`#b4cffd`
RGB Decimal	180, 207, 253	`rgb(180,207,253)`
RGB Percent	70.6, 81.2, 99.2	`rgb(70.6%,81.2%,99.2%)`
CMYK	29, 18, 0, 1
HSL	217.8°, 94.8, 84.9	`hsl(217.8,94.8%,84.9%)`
HSV (or HSB)	217.8°, 28.9, 99.2
Web Safe	ccccff	`#ccccff`

CIE-LAB	82.604, 1.171, -25.481
XYZ	58.861, 61.419, 101.677
xyY	0.265, 0.277, 61.419
CIE-LCH	82.604, 25.507, 272.631
CIE-LUV	82.604, -15.722, -41.046
Hunter-Lab	78.37, -3.084, -22.063
Binary	10110100, 11001111, 11111101

#b4cffd
```
#b4cffd rgb(180,207,253)
```
#fde2b4
```
#fde2b4 rgb(253,226,180)
```

Complementary Color

#b4f4fd
```
#b4f4fd rgb(180,244,253)
```
#b4cffd
```
#b4cffd rgb(180,207,253)
```
#beb4fd
```
#beb4fd rgb(190,180,253)
```

Analogous Color

#f4fdb4
```
#f4fdb4 rgb(244,253,180)
```
#b4cffd
```
#b4cffd rgb(180,207,253)
```
#fdbeb4
```
#fdbeb4 rgb(253,190,180)
```

Split Complementary Color

#cffdb4
```
#cffdb4 rgb(207,253,180)
```
#b4cffd
```
#b4cffd rgb(180,207,253)
```
#fdb4cf
```
#fdb4cf rgb(253,180,207)
```

Triadic Color

#b4fde2
```
#b4fde2 rgb(180,253,226)
```
#b4cffd
```
#b4cffd rgb(180,207,253)
```
#fdb4cf
```
#fdb4cf rgb(253,180,207)
```
#fde2b4
```
#fde2b4 rgb(253,226,180)
```

Tetradic Color

#699ffb
```
#699ffb rgb(105,159,251)
```
#82affc
```
#82affc rgb(130,175,252)
```
#9bbffc
```
#9bbffc rgb(155,191,252)
```
#b4cffd
```
#b4cffd rgb(180,207,253)
```
#cddffe
```
#cddffe rgb(205,223,254)
```
#e6effe
```
#e6effe rgb(230,239,254)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Monochromatic Color

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

#b4e1fd
```
#b4e1fd rgb(180,225,253)
```
#b4dbfd
```
#b4dbfd rgb(180,219,253)
```
#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)
```

Similar Colors

Text with hexadecimal color #b4cffd

This text has a font color of #b4cffd.

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

#b4cffd background color

This paragraph has a background color of #b4cffd.

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

#b4cffd border color

This element has a border color of #b4cffd.

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

CSS codes

.text {color:#b4cffd;}

.background {background-color:#b4cffd;}

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

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

#000101
```
#000101 rgb(0,1,1)
```
#010815
```
#010815 rgb(1,8,21)
```
#010f28
```
#010f28 rgb(1,15,40)
```
#02173b
```
#02173b rgb(2,23,59)
```
#021e4e
```
#021e4e rgb(2,30,78)
```
#032561
```
#032561 rgb(3,37,97)
```
#032d74
```
#032d74 rgb(3,45,116)
```
#043487
```
#043487 rgb(4,52,135)
```
#043c9a
```
#043c9a rgb(4,60,154)
```
#0543ad
```
#0543ad rgb(5,67,173)
```
#054ac0
```
#054ac0 rgb(5,74,192)
```
#0652d4
```
#0652d4 rgb(6,82,212)
```
#0659e7
```
#0659e7 rgb(6,89,231)
```

Shade Color Variation

#0861f8
```
#0861f8 rgb(8,97,248)
```
#1b6df9
```
#1b6df9 rgb(27,109,249)
```
#2e79f9
```
#2e79f9 rgb(46,121,249)
```
#4186fa
```
#4186fa rgb(65,134,250)
```
#5492fa
```
#5492fa rgb(84,146,250)
```
#689efb
```
#689efb rgb(104,158,251)
```
#7baafb
```
#7baafb rgb(123,170,251)
```
#8eb7fc
```
#8eb7fc rgb(142,183,252)
```
#a1c3fc
```
#a1c3fc rgb(161,195,252)
```
#b4cffd
```
#b4cffd rgb(180,207,253)
```
#c7dbfe
```
#c7dbfe rgb(199,219,254)
```
#dae7fe
```
#dae7fe rgb(218,231,254)
```
#edf4ff
```
#edf4ff rgb(237,244,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 #b4cffd is the most saturated one.

#d8d8d9
```
#d8d8d9 rgb(216,216,217)
```
#d5d7dc
```
#d5d7dc rgb(213,215,220)
```
#d2d7df
```
#d2d7df rgb(210,215,223)
```
#cfd6e2
```
#cfd6e2 rgb(207,214,226)
```
#ccd5e5
```
#ccd5e5 rgb(204,213,229)
```
#c9d4e8
```
#c9d4e8 rgb(201,212,232)
```
#c6d4eb
```
#c6d4eb rgb(198,212,235)
```
#c3d3ee
```
#c3d3ee rgb(195,211,238)
```
#c0d2f1
```
#c0d2f1 rgb(192,210,241)
```
#bdd1f4
```
#bdd1f4 rgb(189,209,244)
```
#bad1f7
```
#bad1f7 rgb(186,209,247)
```
#b7d0fa
```
#b7d0fa rgb(183,208,250)
```
#b4cffd
```
#b4cffd rgb(180,207,253)
```

Tone Color Variation

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

#cccccc Achromatopsia 0.005% of the population
#c7cdd6 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c5cefb Protanopia 1% of men
#caccfe Deuteranopia 1% of men
#b1d5e5 Tritanopia 0.001% of the population

Trichromacy

#becefb Protanomaly 1% of men, 0.01% of women
#c2cdfe Deuteranomaly 6% of men, 0.4% of women
#b2d3ed Tritanomaly 0.01% of the population

#b4cffd hex color

#b4cffd Color Information

#b4cffd Color Conversion

Color Schemes with #b4cffd

Alternatives to #b4cffd

#b4cffd Preview

Shades and Tints of #b4cffd

Tones of #b4cffd

Color Blindness Simulator