#b4b8dd hex color

In a RGB color space, hex #b4b8dd is composed of 70.6% red, 72.2% green and 86.7% blue. Whereas in a CMYK color space, it is composed of 18.6% cyan, 16.7% magenta, 0% yellow and 13.3% black. It has a hue angle of 234.1 degrees, a saturation of 37.6% and a lightness of 78.6%. #b4b8dd color hex could be obtained by blending #ffffff with #6971bb. Closest websafe color is: #cccccc.

♥
- f
- t
- g
- R 71
- G 72
- B 87
RGB color chart
- C 19
- M 17
- Y 0
- K 13
CMYK color chart

● #b4b8dd color description : Light grayish blue.

The hexadecimal color #b4b8dd has RGB values of R:180, G:184, B:221 and CMYK values of C:0.19, M:0.17, Y:0, K:0.13. Its decimal value is 11843805.

Hex triplet	b4b8dd	`#b4b8dd`
RGB Decimal	180, 184, 221	`rgb(180,184,221)`
RGB Percent	70.6, 72.2, 86.7	`rgb(70.6%,72.2%,86.7%)`
CMYK	19, 17, 0, 13
HSL	234.1°, 37.6, 78.6	`hsl(234.1,37.6%,78.6%)`
HSV (or HSB)	234.1°, 18.6, 86.7
Web Safe	cccccc	`#cccccc`

CIE-LAB	75.578, 6.216, -18.985
XYZ	49.012, 49.204, 75.318
xyY	0.282, 0.284, 49.204
CIE-LCH	75.578, 19.977, 288.129
CIE-LUV	75.578, -4.24, -30.648
Hunter-Lab	70.146, 1.965, -14.56
Binary	10110100, 10111000, 11011101

#b4b8dd
```
#b4b8dd rgb(180,184,221)
```
#ddd9b4
```
#ddd9b4 rgb(221,217,180)
```

Complementary Color

#b4cddd
```
#b4cddd rgb(180,205,221)
```
#b4b8dd
```
#b4b8dd rgb(180,184,221)
```
#c5b4dd
```
#c5b4dd rgb(197,180,221)
```

Analogous Color

#cdddb4
```
#cdddb4 rgb(205,221,180)
```
#b4b8dd
```
#b4b8dd rgb(180,184,221)
```
#ddc5b4
```
#ddc5b4 rgb(221,197,180)
```

Split Complementary Color

#b8ddb4
```
#b8ddb4 rgb(184,221,180)
```
#b4b8dd
```
#b4b8dd rgb(180,184,221)
```
#ddb4b8
```
#ddb4b8 rgb(221,180,184)
```

Triadic Color

#b4ddd9
```
#b4ddd9 rgb(180,221,217)
```
#b4b8dd
```
#b4b8dd rgb(180,184,221)
```
#ddb4b8
```
#ddb4b8 rgb(221,180,184)
```
#ddd9b4
```
#ddd9b4 rgb(221,217,180)
```

Tetradic Color

#7f86c5
```
#7f86c5 rgb(127,134,197)
```
#9197cd
```
#9197cd rgb(145,151,205)
```
#a2a7d5
```
#a2a7d5 rgb(162,167,213)
```
#b4b8dd
```
#b4b8dd rgb(180,184,221)
```
#c6c9e5
```
#c6c9e5 rgb(198,201,229)
```
#d7d9ed
```
#d7d9ed rgb(215,217,237)
```
#e9eaf5
```
#e9eaf5 rgb(233,234,245)
```

Monochromatic Color

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

#b4c2dd
```
#b4c2dd rgb(180,194,221)
```
#b4bfdd
```
#b4bfdd rgb(180,191,221)
```
#b4bbdd
```
#b4bbdd rgb(180,187,221)
```
#b4b8dd
```
#b4b8dd rgb(180,184,221)
```
#b4b5dd
```
#b4b5dd rgb(180,181,221)
```
#b7b4dd
```
#b7b4dd rgb(183,180,221)
```
#bab4dd
```
#bab4dd rgb(186,180,221)
```

Similar Colors

Text with hexadecimal color #b4b8dd

This text has a font color of #b4b8dd.

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

#b4b8dd background color

This paragraph has a background color of #b4b8dd.

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

#b4b8dd border color

This element has a border color of #b4b8dd.

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

CSS codes

.text {color:#b4b8dd;}

.background {background-color:#b4b8dd;}

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

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

#030306
```
#030306 rgb(3,3,6)
```
#090a13
```
#090a13 rgb(9,10,19)
```
#0f1121
```
#0f1121 rgb(15,17,33)
```
#15182e
```
#15182e rgb(21,24,46)
```
#1b1e3c
```
#1b1e3c rgb(27,30,60)
```
#212549
```
#212549 rgb(33,37,73)
```
#272c57
```
#272c57 rgb(39,44,87)
```
#2e3364
```
#2e3364 rgb(46,51,100)
```
#343a72
```
#343a72 rgb(52,58,114)
```
#3a417f
```
#3a417f rgb(58,65,127)
```
#40478d
```
#40478d rgb(64,71,141)
```
#464e9a
```
#464e9a rgb(70,78,154)
```
#4c55a8
```
#4c55a8 rgb(76,85,168)
```

Shade Color Variation

#565fb2
```
#565fb2 rgb(86,95,178)
```
#636bb8
```
#636bb8 rgb(99,107,184)
```
#7178be
```
#7178be rgb(113,120,190)
```
#7e85c5
```
#7e85c5 rgb(126,133,197)
```
#8c92cb
```
#8c92cb rgb(140,146,203)
```
#999ed1
```
#999ed1 rgb(153,158,209)
```
#a7abd7
```
#a7abd7 rgb(167,171,215)
```
#b4b8dd
```
#b4b8dd rgb(180,184,221)
```
#c1c5e3
```
#c1c5e3 rgb(193,197,227)
```
#cfd2e9
```
#cfd2e9 rgb(207,210,233)
```
#dcdeef
```
#dcdeef rgb(220,222,239)
```
#eaebf5
```
#eaebf5 rgb(234,235,245)
```
#f7f8fc
```
#f7f8fc rgb(247,248,252)
```

Tint Color Variation

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

#c5c5cc
```
#c5c5cc rgb(197,197,204)
```
#c1c2d0
```
#c1c2d0 rgb(193,194,208)
```
#bcbfd5
```
#bcbfd5 rgb(188,191,213)
```
#b8bbd9
```
#b8bbd9 rgb(184,187,217)
```
#b4b8dd
```
#b4b8dd rgb(180,184,221)
```
#b0b5e1
```
#b0b5e1 rgb(176,181,225)
```
#acb1e5
```
#acb1e5 rgb(172,177,229)
```
#a7aeea
```
#a7aeea rgb(167,174,234)
```
#a3abee
```
#a3abee rgb(163,171,238)
```
#9fa7f2
```
#9fa7f2 rgb(159,167,242)
```
#9ba4f6
```
#9ba4f6 rgb(155,164,246)
```
#97a0fa
```
#97a0fa rgb(151,160,250)
```
#929dff
```
#929dff rgb(146,157,255)
```

Tone Color Variation

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

#bbbbbb Achromatopsia 0.005% of the population
#babac2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b6bcdf Protanopia 1% of men
#bdb9df Deuteranopia 1% of men
#b3becc Tritanopia 0.001% of the population

Trichromacy

#b5bade Protanomaly 1% of men, 0.01% of women
#bab9de Deuteranomaly 6% of men, 0.4% of women
#b3bcd2 Tritanomaly 0.01% of the population

#b4b8dd hex color

#b4b8dd Color Information

#b4b8dd Color Conversion

Color Schemes with #b4b8dd

Alternatives to #b4b8dd

#b4b8dd Preview

Shades and Tints of #b4b8dd

Tones of #b4b8dd

Color Blindness Simulator