#b4b8ef hex color

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

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

● #b4b8ef color description : Very soft blue.

The hexadecimal color #b4b8ef has RGB values of R:180, G:184, B:239 and CMYK values of C:0.25, M:0.23, Y:0, K:0.06. Its decimal value is 11843823.

Hex triplet	b4b8ef	`#b4b8ef`
RGB Decimal	180, 184, 239	`rgb(180,184,239)`
RGB Percent	70.6, 72.2, 93.7	`rgb(70.6%,72.2%,93.7%)`
CMYK	25, 23, 0, 6
HSL	235.9°, 64.8, 82.2	`hsl(235.9,64.8%,82.2%)`
HSV (or HSB)	235.9°, 24.7, 93.7
Web Safe	ccccff	`#ccccff`

CIE-LAB	76.201, 10.309, -27.775
XYZ	51.54, 50.216, 88.634
xyY	0.271, 0.264, 50.216
CIE-LCH	76.201, 29.626, 290.364
CIE-LUV	76.201, -5.239, -45.795
Hunter-Lab	70.863, 5.816, -24.555
Binary	10110100, 10111000, 11101111

#b4b8ef
```
#b4b8ef rgb(180,184,239)
```
#efebb4
```
#efebb4 rgb(239,235,180)
```

Complementary Color

#b4d6ef
```
#b4d6ef rgb(180,214,239)
```
#b4b8ef
```
#b4b8ef rgb(180,184,239)
```
#ceb4ef
```
#ceb4ef rgb(206,180,239)
```

Analogous Color

#d6efb4
```
#d6efb4 rgb(214,239,180)
```
#b4b8ef
```
#b4b8ef rgb(180,184,239)
```
#efceb4
```
#efceb4 rgb(239,206,180)
```

Split Complementary Color

#b8efb4
```
#b8efb4 rgb(184,239,180)
```
#b4b8ef
```
#b4b8ef rgb(180,184,239)
```
#efb4b8
```
#efb4b8 rgb(239,180,184)
```

Triadic Color

#b4efeb
```
#b4efeb rgb(180,239,235)
```
#b4b8ef
```
#b4b8ef rgb(180,184,239)
```
#efb4b8
```
#efb4b8 rgb(239,180,184)
```
#efebb4
```
#efebb4 rgb(239,235,180)
```

Tetradic Color

#757ce2
```
#757ce2 rgb(117,124,226)
```
#8a90e6
```
#8a90e6 rgb(138,144,230)
```
#9fa4eb
```
#9fa4eb rgb(159,164,235)
```
#b4b8ef
```
#b4b8ef rgb(180,184,239)
```
#c9ccf3
```
#c9ccf3 rgb(201,204,243)
```
#dee0f8
```
#dee0f8 rgb(222,224,248)
```
#f3f4fc
```
#f3f4fc rgb(243,244,252)
```

Monochromatic Color

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

#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)
```
#bfb4ef
```
#bfb4ef rgb(191,180,239)
```

Similar Colors

Text with hexadecimal color #b4b8ef

This text has a font color of #b4b8ef.

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

#b4b8ef background color

This paragraph has a background color of #b4b8ef.

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

#b4b8ef border color

This element has a border color of #b4b8ef.

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

CSS codes

.text {color:#b4b8ef;}

.background {background-color:#b4b8ef;}

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

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 #f5f5fd is the lightest one.

#010206
```
#010206 rgb(1,2,6)
```
#050616
```
#050616 rgb(5,6,22)
```
#080a26
```
#080a26 rgb(8,10,38)
```
#0c0e36
```
#0c0e36 rgb(12,14,54)
```
#0f1346
```
#0f1346 rgb(15,19,70)
```
#121757
```
#121757 rgb(18,23,87)
```
#161b67
```
#161b67 rgb(22,27,103)
```
#192077
```
#192077 rgb(25,32,119)
```
#1d2487
```
#1d2487 rgb(29,36,135)
```
#202897
```
#202897 rgb(32,40,151)
```
#242da7
```
#242da7 rgb(36,45,167)
```
#2731b8
```
#2731b8 rgb(39,49,184)
```
#2b35c8
```
#2b35c8 rgb(43,53,200)
```

Shade Color Variation

#333ed3
```
#333ed3 rgb(51,62,211)
```
#434dd7
```
#434dd7 rgb(67,77,215)
```
#535cda
```
#535cda rgb(83,92,218)
```
#636bde
```
#636bde rgb(99,107,222)
```
#737be1
```
#737be1 rgb(115,123,225)
```
#848ae5
```
#848ae5 rgb(132,138,229)
```
#9499e8
```
#9499e8 rgb(148,153,232)
```
#a4a9ec
```
#a4a9ec rgb(164,169,236)
```
#b4b8ef
```
#b4b8ef rgb(180,184,239)
```
#c4c7f2
```
#c4c7f2 rgb(196,199,242)
```
#d4d7f6
```
#d4d7f6 rgb(212,215,246)
```
#e4e6f9
```
#e4e6f9 rgb(228,230,249)
```
#f5f5fd
```
#f5f5fd rgb(245,245,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 #a6acfd is the most saturated one.

#d0d0d3
```
#d0d0d3 rgb(208,208,211)
```
#cdcdd7
```
#cdcdd7 rgb(205,205,215)
```
#c9cada
```
#c9cada rgb(201,202,218)
```
#c6c7de
```
#c6c7de rgb(198,199,222)
```
#c2c4e1
```
#c2c4e1 rgb(194,196,225)
```
#bfc1e5
```
#bfc1e5 rgb(191,193,229)
```
#bbbee8
```
#bbbee8 rgb(187,190,232)
```
#b8bbec
```
#b8bbec rgb(184,187,236)
```
#b4b8ef
```
#b4b8ef rgb(180,184,239)
```
#b1b5f3
```
#b1b5f3 rgb(177,181,243)
```
#adb2f6
```
#adb2f6 rgb(173,178,246)
```
#aaaffa
```
#aaaffa rgb(170,175,250)
```
#a6acfd
```
#a6acfd rgb(166,172,253)
```

Tone Color Variation

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

#bdbdbd Achromatopsia 0.005% of the population
#bbbcc7 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b1bdf0 Protanopia 1% of men
#b6bcef Deuteranopia 1% of men
#b0c1cf Tritanopia 0.001% of the population

Trichromacy

#b2bbf0 Protanomaly 1% of men, 0.01% of women
#b5baef Deuteranomaly 6% of men, 0.4% of women
#b1bedb Tritanomaly 0.01% of the population

#b4b8ef hex color

#b4b8ef Color Information

#b4b8ef Color Conversion

Color Schemes with #b4b8ef

Alternatives to #b4b8ef

#b4b8ef Preview

Shades and Tints of #b4b8ef

Tones of #b4b8ef

Color Blindness Simulator