#b8bbdd hex color

In a RGB color space, hex #b8bbdd is composed of 72.2% red, 73.3% green and 86.7% blue. Whereas in a CMYK color space, it is composed of 16.7% cyan, 15.4% magenta, 0% yellow and 13.3% black. It has a hue angle of 235.1 degrees, a saturation of 35.2% and a lightness of 79.4%. #b8bbdd color hex could be obtained by blending #ffffff with #7177bb. Closest websafe color is: #cccccc.

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

● #b8bbdd color description : Light grayish blue.

The hexadecimal color #b8bbdd has RGB values of R:184, G:187, B:221 and CMYK values of C:0.17, M:0.15, Y:0, K:0.13. Its decimal value is 12106717.

Hex triplet	b8bbdd	`#b8bbdd`
RGB Decimal	184, 187, 221	`rgb(184,187,221)`
RGB Percent	72.2, 73.3, 86.7	`rgb(72.2%,73.3%,86.7%)`
CMYK	17, 15, 0, 13
HSL	235.1°, 35.2, 79.4	`hsl(235.1,35.2%,79.4%)`
HSV (or HSB)	235.1°, 16.7, 86.7
Web Safe	cccccc	`#cccccc`

CIE-LAB	76.649, 5.848, -17.337
XYZ	50.586, 50.951, 75.572
xyY	0.286, 0.288, 50.951
CIE-LCH	76.649, 18.297, 288.639
CIE-LUV	76.649, -3.558, -27.978
Hunter-Lab	71.38, 1.586, -12.806
Binary	10111000, 10111011, 11011101

#b8bbdd
```
#b8bbdd rgb(184,187,221)
```
#dddab8
```
#dddab8 rgb(221,218,184)
```

Complementary Color

#b8cedd
```
#b8cedd rgb(184,206,221)
```
#b8bbdd
```
#b8bbdd rgb(184,187,221)
```
#c8b8dd
```
#c8b8dd rgb(200,184,221)
```

Analogous Color

#ceddb8
```
#ceddb8 rgb(206,221,184)
```
#b8bbdd
```
#b8bbdd rgb(184,187,221)
```
#ddc8b8
```
#ddc8b8 rgb(221,200,184)
```

Split Complementary Color

#bbddb8
```
#bbddb8 rgb(187,221,184)
```
#b8bbdd
```
#b8bbdd rgb(184,187,221)
```
#ddb8bb
```
#ddb8bb rgb(221,184,187)
```

Triadic Color

#b8ddda
```
#b8ddda rgb(184,221,218)
```
#b8bbdd
```
#b8bbdd rgb(184,187,221)
```
#ddb8bb
```
#ddb8bb rgb(221,184,187)
```
#dddab8
```
#dddab8 rgb(221,218,184)
```

Tetradic Color

#8489c4
```
#8489c4 rgb(132,137,196)
```
#969acc
```
#969acc rgb(150,154,204)
```
#a7aad5
```
#a7aad5 rgb(167,170,213)
```
#b8bbdd
```
#b8bbdd rgb(184,187,221)
```
#c9cce5
```
#c9cce5 rgb(201,204,229)
```
#dadcee
```
#dadcee rgb(218,220,238)
```
#ecedf6
```
#ecedf6 rgb(236,237,246)
```

Monochromatic Color

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

#b8c4dd
```
#b8c4dd rgb(184,196,221)
```
#b8c1dd
```
#b8c1dd rgb(184,193,221)
```
#b8bedd
```
#b8bedd rgb(184,190,221)
```
#b8bbdd
```
#b8bbdd rgb(184,187,221)
```
#b8b8dd
```
#b8b8dd rgb(184,184,221)
```
#bbb8dd
```
#bbb8dd rgb(187,184,221)
```
#beb8dd
```
#beb8dd rgb(190,184,221)
```

Similar Colors

Text with hexadecimal color #b8bbdd

This text has a font color of #b8bbdd.

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

#b8bbdd background color

This paragraph has a background color of #b8bbdd.

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

#b8bbdd border color

This element has a border color of #b8bbdd.

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

CSS codes

.text {color:#b8bbdd;}

.background {background-color:#b8bbdd;}

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

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

#040409
```
#040409 rgb(4,4,9)
```
#0a0b16
```
#0a0b16 rgb(10,11,22)
```
#111223
```
#111223 rgb(17,18,35)
```
#171930
```
#171930 rgb(23,25,48)
```
#1e203e
```
#1e203e rgb(30,32,62)
```
#24274b
```
#24274b rgb(36,39,75)
```
#2a2e58
```
#2a2e58 rgb(42,46,88)
```
#313565
```
#313565 rgb(49,53,101)
```
#373c73
```
#373c73 rgb(55,60,115)
```
#3d4380
```
#3d4380 rgb(61,67,128)
```
#444a8d
```
#444a8d rgb(68,74,141)
```
#4a519a
```
#4a519a rgb(74,81,154)
```
#5057a8
```
#5057a8 rgb(80,87,168)
```

Shade Color Variation

#5b62b1
```
#5b62b1 rgb(91,98,177)
```
#686fb7
```
#686fb7 rgb(104,111,183)
```
#767bbd
```
#767bbd rgb(118,123,189)
```
#8388c4
```
#8388c4 rgb(131,136,196)
```
#9095ca
```
#9095ca rgb(144,149,202)
```
#9da2d0
```
#9da2d0 rgb(157,162,208)
```
#abaed7
```
#abaed7 rgb(171,174,215)
```
#b8bbdd
```
#b8bbdd rgb(184,187,221)
```
#c5c8e3
```
#c5c8e3 rgb(197,200,227)
```
#d3d4ea
```
#d3d4ea rgb(211,212,234)
```
#e0e1f0
```
#e0e1f0 rgb(224,225,240)
```
#edeef6
```
#edeef6 rgb(237,238,246)
```
#fafbfd
```
#fafbfd rgb(250,251,253)
```

Tint Color Variation

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

#c8c9cd
```
#c8c9cd rgb(200,201,205)
```
#c4c5d1
```
#c4c5d1 rgb(196,197,209)
```
#c0c2d5
```
#c0c2d5 rgb(192,194,213)
```
#bcbed9
```
#bcbed9 rgb(188,190,217)
```
#b8bbdd
```
#b8bbdd rgb(184,187,221)
```
#b4b8e1
```
#b4b8e1 rgb(180,184,225)
```
#b0b4e5
```
#b0b4e5 rgb(176,180,229)
```
#acb1e9
```
#acb1e9 rgb(172,177,233)
```
#a8aded
```
#a8aded rgb(168,173,237)
```
#a4aaf1
```
#a4aaf1 rgb(164,170,241)
```
#a0a7f5
```
#a0a7f5 rgb(160,167,245)
```
#9ca3f9
```
#9ca3f9 rgb(156,163,249)
```
#98a0fd
```
#98a0fd rgb(152,160,253)
```

Tone Color Variation

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

#bebebe Achromatopsia 0.005% of the population
#bdbdc4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b9bfdf Protanopia 1% of men
#c2bcdf Deuteranopia 1% of men
#b8c1cf Tritanopia 0.001% of the population

Trichromacy

#b9bdde Protanomaly 1% of men, 0.01% of women
#bebbde Deuteranomaly 6% of men, 0.4% of women
#b8bfd4 Tritanomaly 0.01% of the population

#b8bbdd hex color

#b8bbdd Color Information

#b8bbdd Color Conversion

Color Schemes with #b8bbdd

Alternatives to #b8bbdd

#b8bbdd Preview

Shades and Tints of #b8bbdd

Tones of #b8bbdd

Color Blindness Simulator