#b4bdfd hex color

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

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

● #b4bdfd color description : Very soft blue.

The hexadecimal color #b4bdfd has RGB values of R:180, G:189, B:253 and CMYK values of C:0.29, M:0.25, Y:0, K:0.01. Its decimal value is 11845117.

Hex triplet	b4bdfd	`#b4bdfd`
RGB Decimal	180, 189, 253	`rgb(180,189,253)`
RGB Percent	70.6, 74.1, 99.2	`rgb(70.6%,74.1%,99.2%)`
CMYK	29, 25, 0, 1
HSL	232.6°, 94.8, 84.9	`hsl(232.6,94.8%,84.9%)`
HSV (or HSB)	232.6°, 28.9, 99.2
Web Safe	ccccff	`#ccccff`

CIE-LAB	77.987, 10.899, -32.558
XYZ	54.746, 53.189, 100.305
xyY	0.263, 0.255, 53.189
CIE-LCH	77.987, 34.334, 288.509
CIE-LUV	77.987, -8.107, -54.073
Hunter-Lab	72.931, 6.363, -30.492
Binary	10110100, 10111101, 11111101

#b4bdfd
```
#b4bdfd rgb(180,189,253)
```
#fdf4b4
```
#fdf4b4 rgb(253,244,180)
```

Complementary Color

#b4e2fd
```
#b4e2fd rgb(180,226,253)
```
#b4bdfd
```
#b4bdfd rgb(180,189,253)
```
#d0b4fd
```
#d0b4fd rgb(208,180,253)
```

Analogous Color

#e2fdb4
```
#e2fdb4 rgb(226,253,180)
```
#b4bdfd
```
#b4bdfd rgb(180,189,253)
```
#fdd0b4
```
#fdd0b4 rgb(253,208,180)
```

Split Complementary Color

#bdfdb4
```
#bdfdb4 rgb(189,253,180)
```
#b4bdfd
```
#b4bdfd rgb(180,189,253)
```
#fdb4bd
```
#fdb4bd rgb(253,180,189)
```

Triadic Color

#b4fdf4
```
#b4fdf4 rgb(180,253,244)
```
#b4bdfd
```
#b4bdfd rgb(180,189,253)
```
#fdb4bd
```
#fdb4bd rgb(253,180,189)
```
#fdf4b4
```
#fdf4b4 rgb(253,244,180)
```

Tetradic Color

#697bfb
```
#697bfb rgb(105,123,251)
```
#8291fc
```
#8291fc rgb(130,145,252)
```
#9ba7fc
```
#9ba7fc rgb(155,167,252)
```
#b4bdfd
```
#b4bdfd rgb(180,189,253)
```
#cdd3fe
```
#cdd3fe rgb(205,211,254)
```
#e6e9fe
```
#e6e9fe rgb(230,233,254)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Monochromatic Color

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

#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)
```
#bdb4fd
```
#bdb4fd rgb(189,180,253)
```

Similar Colors

Text with hexadecimal color #b4bdfd

This text has a font color of #b4bdfd.

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

#b4bdfd background color

This paragraph has a background color of #b4bdfd.

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

#b4bdfd border color

This element has a border color of #b4bdfd.

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

CSS codes

.text {color:#b4bdfd;}

.background {background-color:#b4bdfd;}

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

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)
```
#010628
```
#010628 rgb(1,6,40)
```
#02093b
```
#02093b rgb(2,9,59)
```
#020b4e
```
#020b4e rgb(2,11,78)
```
#030e61
```
#030e61 rgb(3,14,97)
```
#031174
```
#031174 rgb(3,17,116)
```
#041487
```
#041487 rgb(4,20,135)
```
#04179a
```
#04179a rgb(4,23,154)
```
#0519ad
```
#0519ad rgb(5,25,173)
```
#051cc0
```
#051cc0 rgb(5,28,192)
```
#061fd4
```
#061fd4 rgb(6,31,212)
```
#0622e7
```
#0622e7 rgb(6,34,231)
```

Shade Color Variation

#0826f8
```
#0826f8 rgb(8,38,248)
```
#1b36f9
```
#1b36f9 rgb(27,54,249)
```
#2e47f9
```
#2e47f9 rgb(46,71,249)
```
#4158fa
```
#4158fa rgb(65,88,250)
```
#5469fa
```
#5469fa rgb(84,105,250)
```
#687afb
```
#687afb rgb(104,122,251)
```
#7b8bfb
```
#7b8bfb rgb(123,139,251)
```
#8e9bfc
```
#8e9bfc rgb(142,155,252)
```
#a1acfc
```
#a1acfc rgb(161,172,252)
```
#b4bdfd
```
#b4bdfd rgb(180,189,253)
```
#c7cefe
```
#c7cefe rgb(199,206,254)
```
#dadffe
```
#dadffe rgb(218,223,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 #b4bdfd is the most saturated one.

#d8d8d9
```
#d8d8d9 rgb(216,216,217)
```
#d5d6dc
```
#d5d6dc rgb(213,214,220)
```
#d2d3df
```
#d2d3df rgb(210,211,223)
```
#cfd1e2
```
#cfd1e2 rgb(207,209,226)
```
#cccfe5
```
#cccfe5 rgb(204,207,229)
```
#c9cde8
```
#c9cde8 rgb(201,205,232)
```
#c6caeb
```
#c6caeb rgb(198,202,235)
```
#c3c8ee
```
#c3c8ee rgb(195,200,238)
```
#c0c6f1
```
#c0c6f1 rgb(192,198,241)
```
#bdc4f4
```
#bdc4f4 rgb(189,196,244)
```
#bac1f7
```
#bac1f7 rgb(186,193,247)
```
#b7bffa
```
#b7bffa rgb(183,191,250)
```
#b4bdfd
```
#b4bdfd rgb(180,189,253)
```

Tone Color Variation

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

#c2c2c2 Achromatopsia 0.005% of the population
#bfc1ce Atypical Achromatopsia 0.001% of the population

Dichromacy

#b2c1fe Protanopia 1% of men
#b5c1fc Deuteranopia 1% of men
#aec8d6 Tritanopia 0.001% of the population

Trichromacy

#b2c0fd Protanomaly 1% of men, 0.01% of women
#b4bffc Deuteranomaly 6% of men, 0.4% of women
#b0c4e4 Tritanomaly 0.01% of the population

#b4bdfd hex color

#b4bdfd Color Information

#b4bdfd Color Conversion

Color Schemes with #b4bdfd

Alternatives to #b4bdfd

#b4bdfd Preview

Shades and Tints of #b4bdfd

Tones of #b4bdfd

Color Blindness Simulator