#b4bdef hex color

In a RGB color space, hex #b4bdef is composed of 70.6% red, 74.1% green and 93.7% blue. Whereas in a CMYK color space, it is composed of 24.7% cyan, 20.9% magenta, 0% yellow and 6.3% black. It has a hue angle of 230.8 degrees, a saturation of 64.8% and a lightness of 82.2%. #b4bdef color hex could be obtained by blending #ffffff with #697bdf. Closest websafe color is: #ccccff.

♥
- f
- t
- g
- R 71
- G 74
- B 94
RGB color chart
- C 25
- M 21
- Y 0
- K 6
CMYK color chart

● #b4bdef color description : Very soft blue.

The hexadecimal color #b4bdef has RGB values of R:180, G:189, B:239 and CMYK values of C:0.25, M:0.21, Y:0, K:0.06. Its decimal value is 11845103.

Hex triplet	b4bdef	`#b4bdef`
RGB Decimal	180, 189, 239	`rgb(180,189,239)`
RGB Percent	70.6, 74.1, 93.7	`rgb(70.6%,74.1%,93.7%)`
CMYK	25, 21, 0, 6
HSL	230.8°, 64.8, 82.2	`hsl(230.8,64.8%,82.2%)`
HSV (or HSB)	230.8°, 24.7, 93.7
Web Safe	ccccff	`#ccccff`

CIE-LAB	77.478, 7.577, -25.821
XYZ	52.597, 52.33, 88.986
xyY	0.271, 0.27, 52.33
CIE-LCH	77.478, 26.91, 286.354
CIE-LUV	77.478, -7.411, -42.231
Hunter-Lab	72.339, 3.191, -22.296
Binary	10110100, 10111101, 11101111

#b4bdef
```
#b4bdef rgb(180,189,239)
```
#efe6b4
```
#efe6b4 rgb(239,230,180)
```

Complementary Color

#b4dbef
```
#b4dbef rgb(180,219,239)
```
#b4bdef
```
#b4bdef rgb(180,189,239)
```
#c9b4ef
```
#c9b4ef rgb(201,180,239)
```

Analogous Color

#dbefb4
```
#dbefb4 rgb(219,239,180)
```
#b4bdef
```
#b4bdef rgb(180,189,239)
```
#efc9b4
```
#efc9b4 rgb(239,201,180)
```

Split Complementary Color

#bdefb4
```
#bdefb4 rgb(189,239,180)
```
#b4bdef
```
#b4bdef rgb(180,189,239)
```
#efb4bd
```
#efb4bd rgb(239,180,189)
```

Triadic Color

#b4efe6
```
#b4efe6 rgb(180,239,230)
```
#b4bdef
```
#b4bdef rgb(180,189,239)
```
#efb4bd
```
#efb4bd rgb(239,180,189)
```
#efe6b4
```
#efe6b4 rgb(239,230,180)
```

Tetradic Color

#7586e2
```
#7586e2 rgb(117,134,226)
```
#8a98e6
```
#8a98e6 rgb(138,152,230)
```
#9fabeb
```
#9fabeb rgb(159,171,235)
```
#b4bdef
```
#b4bdef rgb(180,189,239)
```
#c9cff3
```
#c9cff3 rgb(201,207,243)
```
#dee2f8
```
#dee2f8 rgb(222,226,248)
```
#f3f4fc
```
#f3f4fc rgb(243,244,252)
```

Monochromatic Color

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

#b4ccef
```
#b4ccef rgb(180,204,239)
```
#b4c7ef
```
#b4c7ef rgb(180,199,239)
```
#b4c2ef
```
#b4c2ef rgb(180,194,239)
```
#b4bdef
```
#b4bdef rgb(180,189,239)
```
#b4b8ef
```
#b4b8ef rgb(180,184,239)
```
#b5b4ef
```
#b5b4ef rgb(181,180,239)
```
#bab4ef
```
#bab4ef rgb(186,180,239)
```

Similar Colors

Text with hexadecimal color #b4bdef

This text has a font color of #b4bdef.

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

#b4bdef background color

This paragraph has a background color of #b4bdef.

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

#b4bdef border color

This element has a border color of #b4bdef.

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

CSS codes

.text {color:#b4bdef;}

.background {background-color:#b4bdef;}

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

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

#010206
```
#010206 rgb(1,2,6)
```
#050716
```
#050716 rgb(5,7,22)
```
#080d26
```
#080d26 rgb(8,13,38)
```
#0c1236
```
#0c1236 rgb(12,18,54)
```
#0f1746
```
#0f1746 rgb(15,23,70)
```
#121d57
```
#121d57 rgb(18,29,87)
```
#162267
```
#162267 rgb(22,34,103)
```
#192877
```
#192877 rgb(25,40,119)
```
#1d2d87
```
#1d2d87 rgb(29,45,135)
```
#203297
```
#203297 rgb(32,50,151)
```
#2438a7
```
#2438a7 rgb(36,56,167)
```
#273db8
```
#273db8 rgb(39,61,184)
```
#2b43c8
```
#2b43c8 rgb(43,67,200)
```

Shade Color Variation

#334bd3
```
#334bd3 rgb(51,75,211)
```
#4359d7
```
#4359d7 rgb(67,89,215)
```
#5368da
```
#5368da rgb(83,104,218)
```
#6376de
```
#6376de rgb(99,118,222)
```
#7384e1
```
#7384e1 rgb(115,132,225)
```
#8492e5
```
#8492e5 rgb(132,146,229)
```
#94a1e8
```
#94a1e8 rgb(148,161,232)
```
#a4afec
```
#a4afec rgb(164,175,236)
```
#b4bdef
```
#b4bdef rgb(180,189,239)
```
#c4cbf2
```
#c4cbf2 rgb(196,203,242)
```
#d4d9f6
```
#d4d9f6 rgb(212,217,246)
```
#e4e8f9
```
#e4e8f9 rgb(228,232,249)
```
#f5f6fd
```
#f5f6fd rgb(245,246,253)
```

Tint Color Variation

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

#d0d0d3
```
#d0d0d3 rgb(208,208,211)
```
#cdced7
```
#cdced7 rgb(205,206,215)
```
#c9ccda
```
#c9ccda rgb(201,204,218)
```
#c6c9de
```
#c6c9de rgb(198,201,222)
```
#c2c7e1
```
#c2c7e1 rgb(194,199,225)
```
#bfc4e5
```
#bfc4e5 rgb(191,196,229)
```
#bbc2e8
```
#bbc2e8 rgb(187,194,232)
```
#b8bfec
```
#b8bfec rgb(184,191,236)
```
#b4bdef
```
#b4bdef rgb(180,189,239)
```
#b1bbf3
```
#b1bbf3 rgb(177,187,243)
```
#adb8f6
```
#adb8f6 rgb(173,184,246)
```
#aab6fa
```
#aab6fa rgb(170,182,250)
```
#a6b3fd
```
#a6b3fd rgb(166,179,253)
```

Tone Color Variation

Below, you can see how #b4bdef 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
#bebfc9 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b6c0f0 Protanopia 1% of men
#bbbff0 Deuteranopia 1% of men
#b1c5d3 Tritanopia 0.001% of the population

Trichromacy

#b5bfef Protanomaly 1% of men, 0.01% of women
#b8beef Deuteranomaly 6% of men, 0.4% of women
#b2c2dd Tritanomaly 0.01% of the population

#b4bdef hex color

#b4bdef Color Information

#b4bdef Color Conversion

Color Schemes with #b4bdef

Alternatives to #b4bdef

#b4bdef Preview

Shades and Tints of #b4bdef

Tones of #b4bdef

Color Blindness Simulator