#bbb7d1 hex color

In a RGB color space, hex #bbb7d1 is composed of 73.3% red, 71.8% green and 82% blue. Whereas in a CMYK color space, it is composed of 10.5% cyan, 12.4% magenta, 0% yellow and 18% black. It has a hue angle of 249.2 degrees, a saturation of 22% and a lightness of 76.9%. #bbb7d1 color hex could be obtained by blending #ffffff with #776fa3. Closest websafe color is: #cccccc.

♥
- f
- t
- g
- R 73
- G 72
- B 82
RGB color chart
- C 11
- M 12
- Y 0
- K 18
CMYK color chart

● #bbb7d1 color description : Grayish blue.

The hexadecimal color #bbb7d1 has RGB values of R:187, G:183, B:209 and CMYK values of C:0.11, M:0.12, Y:0, K:0.18. Its decimal value is 12302289.

Hex triplet	bbb7d1	`#bbb7d1`
RGB Decimal	187, 183, 209	`rgb(187,183,209)`
RGB Percent	73.3, 71.8, 82	`rgb(73.3%,71.8%,82%)`
CMYK	11, 12, 0, 18
HSL	249.2°, 22, 76.9	`hsl(249.2,22%,76.9%)`
HSV (or HSB)	249.2°, 12.4, 82
Web Safe	cccccc	`#cccccc`

CIE-LAB	75.473, 6.456, -12.573
XYZ	48.934, 49.035, 67.205
xyY	0.296, 0.297, 49.035
CIE-LCH	75.473, 14.134, 297.18
CIE-LUV	75.473, 0.646, -20.396
Hunter-Lab	70.025, 2.192, -7.885
Binary	10111011, 10110111, 11010001

#bbb7d1
```
#bbb7d1 rgb(187,183,209)
```
#cdd1b7
```
#cdd1b7 rgb(205,209,183)
```

Complementary Color

#b7c0d1
```
#b7c0d1 rgb(183,192,209)
```
#bbb7d1
```
#bbb7d1 rgb(187,183,209)
```
#c8b7d1
```
#c8b7d1 rgb(200,183,209)
```

Analogous Color

#c0d1b7
```
#c0d1b7 rgb(192,209,183)
```
#bbb7d1
```
#bbb7d1 rgb(187,183,209)
```
#d1c8b7
```
#d1c8b7 rgb(209,200,183)
```

Split Complementary Color

#b7d1bb
```
#b7d1bb rgb(183,209,187)
```
#bbb7d1
```
#bbb7d1 rgb(187,183,209)
```
#d1bbb7
```
#d1bbb7 rgb(209,187,183)
```

Triadic Color

#b7cdd1
```
#b7cdd1 rgb(183,205,209)
```
#bbb7d1
```
#bbb7d1 rgb(187,183,209)
```
#d1bbb7
```
#d1bbb7 rgb(209,187,183)
```
#cdd1b7
```
#cdd1b7 rgb(205,209,183)
```

Tetradic Color

#8f88b3
```
#8f88b3 rgb(143,136,179)
```
#9e98bd
```
#9e98bd rgb(158,152,189)
```
#aca7c7
```
#aca7c7 rgb(172,167,199)
```
#bbb7d1
```
#bbb7d1 rgb(187,183,209)
```
#cac7db
```
#cac7db rgb(202,199,219)
```
#d8d6e5
```
#d8d6e5 rgb(216,214,229)
```
#e7e6ef
```
#e7e6ef rgb(231,230,239)
```

Monochromatic Color

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

#b7bad1
```
#b7bad1 rgb(183,186,209)
```
#b7b7d1
```
#b7b7d1 rgb(183,183,209)
```
#b9b7d1
```
#b9b7d1 rgb(185,183,209)
```
#bbb7d1
```
#bbb7d1 rgb(187,183,209)
```
#bdb7d1
```
#bdb7d1 rgb(189,183,209)
```
#bfb7d1
```
#bfb7d1 rgb(191,183,209)
```
#c2b7d1
```
#c2b7d1 rgb(194,183,209)
```

Similar Colors

Text with hexadecimal color #bbb7d1

This text has a font color of #bbb7d1.

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

#bbb7d1 background color

This paragraph has a background color of #bbb7d1.

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

#bbb7d1 border color

This element has a border color of #bbb7d1.

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

CSS codes

.text {color:#bbb7d1;}

.background {background-color:#bbb7d1;}

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

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, #08080c is the darkest color, while #ffffff is the lightest one.

#08080c
```
#08080c rgb(8,8,12)
```
#100f18
```
#100f18 rgb(16,15,24)
```
#191724
```
#191724 rgb(25,23,36)
```
#211e30
```
#211e30 rgb(33,30,48)
```
#29263c
```
#29263c rgb(41,38,60)
```
#322e48
```
#322e48 rgb(50,46,72)
```
#3a3554
```
#3a3554 rgb(58,53,84)
```
#423d60
```
#423d60 rgb(66,61,96)
```
#4b456c
```
#4b456c rgb(75,69,108)
```
#534c77
```
#534c77 rgb(83,76,119)
```
#5b5483
```
#5b5483 rgb(91,84,131)
```
#645c8f
```
#645c8f rgb(100,92,143)
```
#6c639b
```
#6c639b rgb(108,99,155)
```

Shade Color Variation

#776fa3
```
#776fa3 rgb(119,111,163)
```
#827bab
```
#827bab rgb(130,123,171)
```
#8e87b2
```
#8e87b2 rgb(142,135,178)
```
#9993ba
```
#9993ba rgb(153,147,186)
```
#a49fc2
```
#a49fc2 rgb(164,159,194)
```
#b0abc9
```
#b0abc9 rgb(176,171,201)
```
#bbb7d1
```
#bbb7d1 rgb(187,183,209)
```
#c6c3d9
```
#c6c3d9 rgb(198,195,217)
```
#d2cfe0
```
#d2cfe0 rgb(210,207,224)
```
#dddbe8
```
#dddbe8 rgb(221,219,232)
```
#e8e7f0
```
#e8e7f0 rgb(232,231,240)
```
#f4f3f7
```
#f4f3f7 rgb(244,243,247)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#c1c0c8
```
#c1c0c8 rgb(193,192,200)
```
#bebccc
```
#bebccc rgb(190,188,204)
```
#bbb7d1
```
#bbb7d1 rgb(187,183,209)
```
#b8b2d6
```
#b8b2d6 rgb(184,178,214)
```
#b5aeda
```
#b5aeda rgb(181,174,218)
```
#b2a9df
```
#b2a9df rgb(178,169,223)
```
#aea5e3
```
#aea5e3 rgb(174,165,227)
```
#aba0e8
```
#aba0e8 rgb(171,160,232)
```
#a89cec
```
#a89cec rgb(168,156,236)
```
#a597f1
```
#a597f1 rgb(165,151,241)
```
#a293f5
```
#a293f5 rgb(162,147,245)
```
#9f8efa
```
#9f8efa rgb(159,142,250)
```
#9c8afe
```
#9c8afe rgb(156,138,254)
```

Tone Color Variation

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

Dichromacy

#b9bcd4 Protanopia 1% of men
#c3b8d3 Deuteranopia 1% of men
#bcbcc9 Tritanopia 0.001% of the population

Trichromacy

#babad3 Protanomaly 1% of men, 0.01% of women
#c0b8d2 Deuteranomaly 6% of men, 0.4% of women
#bcbacc Tritanomaly 0.01% of the population

#bbb7d1 hex color

#bbb7d1 Color Information

#bbb7d1 Color Conversion

Color Schemes with #bbb7d1

Alternatives to #bbb7d1

#bbb7d1 Preview

Shades and Tints of #bbb7d1

Tones of #bbb7d1

Color Blindness Simulator