#b4bdf3 hex color

In a RGB color space, hex #b4bdf3 is composed of 70.6% red, 74.1% green and 95.3% blue. Whereas in a CMYK color space, it is composed of 25.9% cyan, 22.2% magenta, 0% yellow and 4.7% black. It has a hue angle of 231.4 degrees, a saturation of 72.4% and a lightness of 82.9%. #b4bdf3 color hex could be obtained by blending #ffffff with #697be7. Closest websafe color is: #ccccff.

♥
- f
- t
- g
- R 71
- G 74
- B 95
RGB color chart
- C 26
- M 22
- Y 0
- K 5
CMYK color chart

● #b4bdf3 color description : Very soft blue.

The hexadecimal color #b4bdf3 has RGB values of R:180, G:189, B:243 and CMYK values of C:0.26, M:0.22, Y:0, K:0.05. Its decimal value is 11845107.

Hex triplet	b4bdf3	`#b4bdf3`
RGB Decimal	180, 189, 243	`rgb(180,189,243)`
RGB Percent	70.6, 74.1, 95.3	`rgb(70.6%,74.1%,95.3%)`
CMYK	26, 22, 0, 5
HSL	231.4°, 72.4, 82.9	`hsl(231.4,72.4%,82.9%)`
HSV (or HSB)	231.4°, 25.9, 95.3
Web Safe	ccccff	`#ccccff`

CIE-LAB	77.62, 8.513, -27.755
XYZ	53.194, 52.569, 92.133
xyY	0.269, 0.266, 52.569
CIE-LCH	77.62, 29.032, 287.052
CIE-LUV	77.62, -7.609, -45.61
Hunter-Lab	72.504, 4.078, -24.589
Binary	10110100, 10111101, 11110011

#b4bdf3
```
#b4bdf3 rgb(180,189,243)
```
#f3eab4
```
#f3eab4 rgb(243,234,180)
```

Complementary Color

#b4ddf3
```
#b4ddf3 rgb(180,221,243)
```
#b4bdf3
```
#b4bdf3 rgb(180,189,243)
```
#cbb4f3
```
#cbb4f3 rgb(203,180,243)
```

Analogous Color

#ddf3b4
```
#ddf3b4 rgb(221,243,180)
```
#b4bdf3
```
#b4bdf3 rgb(180,189,243)
```
#f3cbb4
```
#f3cbb4 rgb(243,203,180)
```

Split Complementary Color

#bdf3b4
```
#bdf3b4 rgb(189,243,180)
```
#b4bdf3
```
#b4bdf3 rgb(180,189,243)
```
#f3b4bd
```
#f3b4bd rgb(243,180,189)
```

Triadic Color

#b4f3ea
```
#b4f3ea rgb(180,243,234)
```
#b4bdf3
```
#b4bdf3 rgb(180,189,243)
```
#f3b4bd
```
#f3b4bd rgb(243,180,189)
```
#f3eab4
```
#f3eab4 rgb(243,234,180)
```

Tetradic Color

#7283e8
```
#7283e8 rgb(114,131,232)
```
#8896ec
```
#8896ec rgb(136,150,236)
```
#9eaaef
```
#9eaaef rgb(158,170,239)
```
#b4bdf3
```
#b4bdf3 rgb(180,189,243)
```
#cad0f7
```
#cad0f7 rgb(202,208,247)
```
#e0e4fa
```
#e0e4fa rgb(224,228,250)
```
#f6f7fe
```
#f6f7fe rgb(246,247,254)
```

Monochromatic Color

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

#b4cdf3
```
#b4cdf3 rgb(180,205,243)
```
#b4c8f3
```
#b4c8f3 rgb(180,200,243)
```
#b4c2f3
```
#b4c2f3 rgb(180,194,243)
```
#b4bdf3
```
#b4bdf3 rgb(180,189,243)
```
#b4b8f3
```
#b4b8f3 rgb(180,184,243)
```
#b6b4f3
```
#b6b4f3 rgb(182,180,243)
```
#bbb4f3
```
#bbb4f3 rgb(187,180,243)
```

Similar Colors

Text with hexadecimal color #b4bdf3

This text has a font color of #b4bdf3.

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

#b4bdf3 background color

This paragraph has a background color of #b4bdf3.

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

#b4bdf3 border color

This element has a border color of #b4bdf3.

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

CSS codes

.text {color:#b4bdf3;}

.background {background-color:#b4bdf3;}

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

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, #02030a is the darkest color, while #f8f9fe is the lightest one.

#02030a
```
#02030a rgb(2,3,10)
```
#04071a
```
#04071a rgb(4,7,26)
```
#070c2b
```
#070c2b rgb(7,12,43)
```
#0a113c
```
#0a113c rgb(10,17,60)
```
#0c164d
```
#0c164d rgb(12,22,77)
```
#0f1a5e
```
#0f1a5e rgb(15,26,94)
```
#121f6f
```
#121f6f rgb(18,31,111)
```
#142480
```
#142480 rgb(20,36,128)
```
#172991
```
#172991 rgb(23,41,145)
```
#1a2da2
```
#1a2da2 rgb(26,45,162)
```
#1d32b3
```
#1d32b3 rgb(29,50,179)
```
#1f37c4
```
#1f37c4 rgb(31,55,196)
```
#223bd4
```
#223bd4 rgb(34,59,212)
```

Shade Color Variation

#2d46dd
```
#2d46dd rgb(45,70,221)
```
#3e55e0
```
#3e55e0 rgb(62,85,224)
```
#4f64e3
```
#4f64e3 rgb(79,100,227)
```
#5f73e5
```
#5f73e5 rgb(95,115,229)
```
#7081e8
```
#7081e8 rgb(112,129,232)
```
#8190eb
```
#8190eb rgb(129,144,235)
```
#929fee
```
#929fee rgb(146,159,238)
```
#a3aef0
```
#a3aef0 rgb(163,174,240)
```
#b4bdf3
```
#b4bdf3 rgb(180,189,243)
```
#c5ccf6
```
#c5ccf6 rgb(197,204,246)
```
#d6dbf8
```
#d6dbf8 rgb(214,219,248)
```
#e7eafb
```
#e7eafb rgb(231,234,251)
```
#f8f9fe
```
#f8f9fe rgb(248,249,254)
```

Tint Color Variation

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

#d2d3d5
```
#d2d3d5 rgb(210,211,213)
```
#cfd0d8
```
#cfd0d8 rgb(207,208,216)
```
#cbcedc
```
#cbcedc rgb(203,206,220)
```
#c8cbdf
```
#c8cbdf rgb(200,203,223)
```
#c5c9e2
```
#c5c9e2 rgb(197,201,226)
```
#c1c7e6
```
#c1c7e6 rgb(193,199,230)
```
#bec4e9
```
#bec4e9 rgb(190,196,233)
```
#bbc2ec
```
#bbc2ec rgb(187,194,236)
```
#b7bff0
```
#b7bff0 rgb(183,191,240)
```
#b4bdf3
```
#b4bdf3 rgb(180,189,243)
```
#b1bbf6
```
#b1bbf6 rgb(177,187,246)
```
#adb8fa
```
#adb8fa rgb(173,184,250)
```
#aab6fd
```
#aab6fd rgb(170,182,253)
```

Tone Color Variation

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

#c0c0c0 Achromatopsia 0.005% of the population
#bebfca Atypical Achromatopsia 0.001% of the population

Dichromacy

#b5c1f4 Protanopia 1% of men
#b9bff3 Deuteranopia 1% of men
#b0c6d4 Tritanopia 0.001% of the population

Trichromacy

#b4bff3 Protanomaly 1% of men, 0.01% of women
#b7bef3 Deuteranomaly 6% of men, 0.4% of women
#b1c2df Tritanomaly 0.01% of the population

#b4bdf3 hex color

#b4bdf3 Color Information

#b4bdf3 Color Conversion

Color Schemes with #b4bdf3

Alternatives to #b4bdf3

#b4bdf3 Preview

Shades and Tints of #b4bdf3

Tones of #b4bdf3

Color Blindness Simulator