#b4bdf1 hex color

In a RGB color space, hex #b4bdf1 is composed of 70.6% red, 74.1% green and 94.5% blue. Whereas in a CMYK color space, it is composed of 25.3% cyan, 21.6% magenta, 0% yellow and 5.5% black. It has a hue angle of 231.1 degrees, a saturation of 68.5% and a lightness of 82.5%. #b4bdf1 color hex could be obtained by blending #ffffff with #697be3. Closest websafe color is: #ccccff.

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

● #b4bdf1 color description : Very soft blue.

The hexadecimal color #b4bdf1 has RGB values of R:180, G:189, B:241 and CMYK values of C:0.25, M:0.22, Y:0, K:0.05. Its decimal value is 11845105.

Hex triplet	b4bdf1	`#b4bdf1`
RGB Decimal	180, 189, 241	`rgb(180,189,241)`
RGB Percent	70.6, 74.1, 94.5	`rgb(70.6%,74.1%,94.5%)`
CMYK	25, 22, 0, 5
HSL	231.1°, 68.5, 82.5	`hsl(231.1,68.5%,82.5%)`
HSV (or HSB)	231.1°, 25.3, 94.5
Web Safe	ccccff	`#ccccff`

CIE-LAB	77.548, 8.044, -26.789
XYZ	52.894, 52.449, 90.551
xyY	0.27, 0.268, 52.449
CIE-LCH	77.548, 27.971, 286.713
CIE-LUV	77.548, -7.51, -43.92
Hunter-Lab	72.421, 3.633, -23.437
Binary	10110100, 10111101, 11110001

#b4bdf1
```
#b4bdf1 rgb(180,189,241)
```
#f1e8b4
```
#f1e8b4 rgb(241,232,180)
```

Complementary Color

#b4dcf1
```
#b4dcf1 rgb(180,220,241)
```
#b4bdf1
```
#b4bdf1 rgb(180,189,241)
```
#cab4f1
```
#cab4f1 rgb(202,180,241)
```

Analogous Color

#dcf1b4
```
#dcf1b4 rgb(220,241,180)
```
#b4bdf1
```
#b4bdf1 rgb(180,189,241)
```
#f1cab4
```
#f1cab4 rgb(241,202,180)
```

Split Complementary Color

#bdf1b4
```
#bdf1b4 rgb(189,241,180)
```
#b4bdf1
```
#b4bdf1 rgb(180,189,241)
```
#f1b4bd
```
#f1b4bd rgb(241,180,189)
```

Triadic Color

#b4f1e8
```
#b4f1e8 rgb(180,241,232)
```
#b4bdf1
```
#b4bdf1 rgb(180,189,241)
```
#f1b4bd
```
#f1b4bd rgb(241,180,189)
```
#f1e8b4
```
#f1e8b4 rgb(241,232,180)
```

Tetradic Color

#7484e5
```
#7484e5 rgb(116,132,229)
```
#8997e9
```
#8997e9 rgb(137,151,233)
```
#9faaed
```
#9faaed rgb(159,170,237)
```
#b4bdf1
```
#b4bdf1 rgb(180,189,241)
```
#c9d0f5
```
#c9d0f5 rgb(201,208,245)
```
#dfe3f9
```
#dfe3f9 rgb(223,227,249)
```
#f4f6fd
```
#f4f6fd rgb(244,246,253)
```

Monochromatic Color

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

#b4ccf1
```
#b4ccf1 rgb(180,204,241)
```
#b4c7f1
```
#b4c7f1 rgb(180,199,241)
```
#b4c2f1
```
#b4c2f1 rgb(180,194,241)
```
#b4bdf1
```
#b4bdf1 rgb(180,189,241)
```
#b4b8f1
```
#b4b8f1 rgb(180,184,241)
```
#b5b4f1
```
#b5b4f1 rgb(181,180,241)
```
#bab4f1
```
#bab4f1 rgb(186,180,241)
```

Similar Colors

Text with hexadecimal color #b4bdf1

This text has a font color of #b4bdf1.

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

#b4bdf1 background color

This paragraph has a background color of #b4bdf1.

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

#b4bdf1 border color

This element has a border color of #b4bdf1.

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

CSS codes

.text {color:#b4bdf1;}

.background {background-color:#b4bdf1;}

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

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

#010208
```
#010208 rgb(1,2,8)
```
#050718
```
#050718 rgb(5,7,24)
```
#080c29
```
#080c29 rgb(8,12,41)
```
#0b1239
```
#0b1239 rgb(11,18,57)
```
#0e174a
```
#0e174a rgb(14,23,74)
```
#111c5a
```
#111c5a rgb(17,28,90)
```
#14216b
```
#14216b rgb(20,33,107)
```
#17267b
```
#17267b rgb(23,38,123)
```
#1a2b8c
```
#1a2b8c rgb(26,43,140)
```
#1d309c
```
#1d309c rgb(29,48,156)
```
#2035ad
```
#2035ad rgb(32,53,173)
```
#233abd
```
#233abd rgb(35,58,189)
```
#263fce
```
#263fce rgb(38,63,206)
```

Shade Color Variation

#3049d8
```
#3049d8 rgb(48,73,216)
```
#4057db
```
#4057db rgb(64,87,219)
```
#5166de
```
#5166de rgb(81,102,222)
```
#6174e2
```
#6174e2 rgb(97,116,226)
```
#7283e5
```
#7283e5 rgb(114,131,229)
```
#8291e8
```
#8291e8 rgb(130,145,232)
```
#93a0eb
```
#93a0eb rgb(147,160,235)
```
#a3aeee
```
#a3aeee rgb(163,174,238)
```
#b4bdf1
```
#b4bdf1 rgb(180,189,241)
```
#c5ccf4
```
#c5ccf4 rgb(197,204,244)
```
#d5daf7
```
#d5daf7 rgb(213,218,247)
```
#e6e9fa
```
#e6e9fa rgb(230,233,250)
```
#f6f7fd
```
#f6f7fd rgb(246,247,253)
```

Tint Color Variation

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

#cfd0d6
```
#cfd0d6 rgb(207,208,214)
```
#ccced9
```
#ccced9 rgb(204,206,217)
```
#c9cbdc
```
#c9cbdc rgb(201,203,220)
```
#c5c9e0
```
#c5c9e0 rgb(197,201,224)
```
#c2c7e3
```
#c2c7e3 rgb(194,199,227)
```
#bec4e7
```
#bec4e7 rgb(190,196,231)
```
#bbc2ea
```
#bbc2ea rgb(187,194,234)
```
#b7bfee
```
#b7bfee rgb(183,191,238)
```
#b4bdf1
```
#b4bdf1 rgb(180,189,241)
```
#b1bbf4
```
#b1bbf4 rgb(177,187,244)
```
#adb8f8
```
#adb8f8 rgb(173,184,248)
```
#aab6fb
```
#aab6fb rgb(170,182,251)
```
#a6b3ff
```
#a6b3ff rgb(166,179,255)
```

Tone Color Variation

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

#b5c0f2 Protanopia 1% of men
#babff2 Deuteranopia 1% of men
#b0c6d4 Tritanopia 0.001% of the population

Trichromacy

#b5bff1 Protanomaly 1% of men, 0.01% of women
#b8bef1 Deuteranomaly 6% of men, 0.4% of women
#b1c2de Tritanomaly 0.01% of the population

#b4bdf1 hex color

#b4bdf1 Color Information

#b4bdf1 Color Conversion

Color Schemes with #b4bdf1

Alternatives to #b4bdf1

#b4bdf1 Preview

Shades and Tints of #b4bdf1

Tones of #b4bdf1

Color Blindness Simulator