#bbb1dd hex color

In a RGB color space, hex #bbb1dd is composed of 73.3% red, 69.4% green and 86.7% blue. Whereas in a CMYK color space, it is composed of 15.4% cyan, 19.9% magenta, 0% yellow and 13.3% black. It has a hue angle of 253.6 degrees, a saturation of 39.3% and a lightness of 78%. #bbb1dd color hex could be obtained by blending #ffffff with #7763bb. Closest websafe color is: #cc99cc.

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

● #bbb1dd color description : Light grayish blue.

The hexadecimal color #bbb1dd has RGB values of R:187, G:177, B:221 and CMYK values of C:0.15, M:0.2, Y:0, K:0.13. Its decimal value is 12300765.

Hex triplet	bbb1dd	`#bbb1dd`
RGB Decimal	187, 177, 221	`rgb(187,177,221)`
RGB Percent	73.3, 69.4, 86.7	`rgb(73.3%,69.4%,86.7%)`
CMYK	15, 20, 0, 13
HSL	253.6°, 39.3, 78	`hsl(253.6,39.3%,78%)`
HSV (or HSB)	253.6°, 19.9, 86.7
Web Safe	cc99cc	`#cc99cc`

CIE-LAB	74.336, 12.258, -20.817
XYZ	49.264, 47.229, 74.923
xyY	0.287, 0.276, 47.229
CIE-LCH	74.336, 24.158, 300.491
CIE-LUV	74.336, 2.641, -34.49
Hunter-Lab	68.724, 7.691, -16.532
Binary	10111011, 10110001, 11011101

#bbb1dd
```
#bbb1dd rgb(187,177,221)
```
#d3ddb1
```
#d3ddb1 rgb(211,221,177)
```

Complementary Color

#b1bddd
```
#b1bddd rgb(177,189,221)
```
#bbb1dd
```
#bbb1dd rgb(187,177,221)
```
#d1b1dd
```
#d1b1dd rgb(209,177,221)
```

Analogous Color

#bdddb1
```
#bdddb1 rgb(189,221,177)
```
#bbb1dd
```
#bbb1dd rgb(187,177,221)
```
#ddd1b1
```
#ddd1b1 rgb(221,209,177)
```

Split Complementary Color

#b1ddbb
```
#b1ddbb rgb(177,221,187)
```
#bbb1dd
```
#bbb1dd rgb(187,177,221)
```
#ddbbb1
```
#ddbbb1 rgb(221,187,177)
```

Triadic Color

#b1d3dd
```
#b1d3dd rgb(177,211,221)
```
#bbb1dd
```
#bbb1dd rgb(187,177,221)
```
#ddbbb1
```
#ddbbb1 rgb(221,187,177)
```
#d3ddb1
```
#d3ddb1 rgb(211,221,177)
```

Tetradic Color

#8d7cc6
```
#8d7cc6 rgb(141,124,198)
```
#9c8dce
```
#9c8dce rgb(156,141,206)
```
#ac9fd5
```
#ac9fd5 rgb(172,159,213)
```
#bbb1dd
```
#bbb1dd rgb(187,177,221)
```
#cac3e5
```
#cac3e5 rgb(202,195,229)
```
#dad5ec
```
#dad5ec rgb(218,213,236)
```
#e9e6f4
```
#e9e6f4 rgb(233,230,244)
```

Monochromatic Color

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

#b1b2dd
```
#b1b2dd rgb(177,178,221)
```
#b4b1dd
```
#b4b1dd rgb(180,177,221)
```
#b7b1dd
```
#b7b1dd rgb(183,177,221)
```
#bbb1dd
```
#bbb1dd rgb(187,177,221)
```
#bfb1dd
```
#bfb1dd rgb(191,177,221)
```
#c2b1dd
```
#c2b1dd rgb(194,177,221)
```
#c6b1dd
```
#c6b1dd rgb(198,177,221)
```

Similar Colors

Text with hexadecimal color #bbb1dd

This text has a font color of #bbb1dd.

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

#bbb1dd background color

This paragraph has a background color of #bbb1dd.

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

#bbb1dd border color

This element has a border color of #bbb1dd.

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

CSS codes

.text {color:#bbb1dd;}

.background {background-color:#bbb1dd;}

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

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

#020204
```
#020204 rgb(2,2,4)
```
#0a0812
```
#0a0812 rgb(10,8,18)
```
#120e1f
```
#120e1f rgb(18,14,31)
```
#19142d
```
#19142d rgb(25,20,45)
```
#211a3b
```
#211a3b rgb(33,26,59)
```
#292048
```
#292048 rgb(41,32,72)
```
#302556
```
#302556 rgb(48,37,86)
```
#382b64
```
#382b64 rgb(56,43,100)
```
#403171
```
#403171 rgb(64,49,113)
```
#48377f
```
#48377f rgb(72,55,127)
```
#4f3d8d
```
#4f3d8d rgb(79,61,141)
```
#57439a
```
#57439a rgb(87,67,154)
```
#5f49a8
```
#5f49a8 rgb(95,73,168)
```

Shade Color Variation

#6851b3
```
#6851b3 rgb(104,81,179)
```
#745fb9
```
#745fb9 rgb(116,95,185)
```
#7f6dbf
```
#7f6dbf rgb(127,109,191)
```
#8b7ac5
```
#8b7ac5 rgb(139,122,197)
```
#9788cb
```
#9788cb rgb(151,136,203)
```
#a396d1
```
#a396d1 rgb(163,150,209)
```
#afa3d7
```
#afa3d7 rgb(175,163,215)
```
#bbb1dd
```
#bbb1dd rgb(187,177,221)
```
#c7bfe3
```
#c7bfe3 rgb(199,191,227)
```
#d3cce9
```
#d3cce9 rgb(211,204,233)
```
#dfdaef
```
#dfdaef rgb(223,218,239)
```
#ebe8f5
```
#ebe8f5 rgb(235,232,245)
```
#f7f5fb
```
#f7f5fb rgb(247,245,251)
```

Tint Color Variation

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

#c7c7c7
```
#c7c7c7 rgb(199,199,199)
```
#c4c2cc
```
#c4c2cc rgb(196,194,204)
```
#c2bed0
```
#c2bed0 rgb(194,190,208)
```
#c0bad4
```
#c0bad4 rgb(192,186,212)
```
#bdb5d9
```
#bdb5d9 rgb(189,181,217)
```
#bbb1dd
```
#bbb1dd rgb(187,177,221)
```
#b9ade1
```
#b9ade1 rgb(185,173,225)
```
#b6a8e6
```
#b6a8e6 rgb(182,168,230)
```
#b4a4ea
```
#b4a4ea rgb(180,164,234)
```
#b2a0ee
```
#b2a0ee rgb(178,160,238)
```
#af9bf3
```
#af9bf3 rgb(175,155,243)
```
#ad97f7
```
#ad97f7 rgb(173,151,247)
```
#ab93fb
```
#ab93fb rgb(171,147,251)
```

Tone Color Variation

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

#b9b9b9 Achromatopsia 0.005% of the population
#b9b7c0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b0b8e1 Protanopia 1% of men
#b9b6de Deuteranopia 1% of men
#b9b9c6 Tritanopia 0.001% of the population

Trichromacy

#b4b6df Protanomaly 1% of men, 0.01% of women
#b9b4dd Deuteranomaly 6% of men, 0.4% of women
#bab6ce Tritanomaly 0.01% of the population

#bbb1dd hex color

#bbb1dd Color Information

#bbb1dd Color Conversion

Color Schemes with #bbb1dd

Alternatives to #bbb1dd

#bbb1dd Preview

Shades and Tints of #bbb1dd

Tones of #bbb1dd

Color Blindness Simulator