colorhexa.com

#bbb3d6 hex color

In a RGB color space, hex #bbb3d6 is composed of 73.3% red, 70.2% green and 83.9% blue. Whereas in a CMYK color space, it is composed of 12.6% cyan, 16.4% magenta, 0% yellow and 16.1% black. It has a hue angle of 253.7 degrees, a saturation of 29.9% and a lightness of 77.1%. #bbb3d6 color hex could be obtained by blending #ffffff with #7767ad. Closest websafe color is: #cccccc.

- R 73
- G 70
- B 84
RGB color chart
- C 13
- M 16
- Y 0
- K 16
CMYK color chart

● #bbb3d6 color description : Grayish blue.

The hexadecimal color #bbb3d6 has RGB values of R:187, G:179, B:214 and CMYK values of C:0.13, M:0.16, Y:0, K:0.16. Its decimal value is 12301270.

Hex triplet	bbb3d6	`#bbb3d6`
RGB Decimal	187, 179, 214	`rgb(187,179,214)`
RGB Percent	73.3, 70.2, 83.9	`rgb(73.3%,70.2%,83.9%)`
CMYK	13, 16, 0, 16
HSL	253.7°, 29.9, 77.1	`hsl(253.7,29.9%,77.1%)`
HSV (or HSB)	253.7°, 16.4, 83.9
Web Safe	cccccc	`#cccccc`

CIE-LAB	74.61, 9.673, -16.592
XYZ	48.749, 47.66, 70.246
xyY	0.293, 0.286, 47.66
CIE-LCH	74.61, 19.205, 300.241
CIE-LUV	74.61, 2.214, -27.275
Hunter-Lab	69.036, 5.232, -12.003
Binary	10111011, 10110011, 11010110

#bbb3d6
```
#bbb3d6 rgb(187,179,214)
```
#ced6b3
```
#ced6b3 rgb(206,214,179)
```

Complementary Color

#b3bdd6
```
#b3bdd6 rgb(179,189,214)
```
#bbb3d6
```
#bbb3d6 rgb(187,179,214)
```
#cdb3d6
```
#cdb3d6 rgb(205,179,214)
```

Analogous Color

#bdd6b3
```
#bdd6b3 rgb(189,214,179)
```
#bbb3d6
```
#bbb3d6 rgb(187,179,214)
```
#d6cdb3
```
#d6cdb3 rgb(214,205,179)
```

Split Complementary Color

#b3d6bb
```
#b3d6bb rgb(179,214,187)
```
#bbb3d6
```
#bbb3d6 rgb(187,179,214)
```
#d6bbb3
```
#d6bbb3 rgb(214,187,179)
```

Triadic Color

#b3ced6
```
#b3ced6 rgb(179,206,214)
```
#bbb3d6
```
#bbb3d6 rgb(187,179,214)
```
#d6bbb3
```
#d6bbb3 rgb(214,187,179)
```
#ced6b3
```
#ced6b3 rgb(206,214,179)
```

Tetradic Color

#8f81bb
```
#8f81bb rgb(143,129,187)
```
#9d92c4
```
#9d92c4 rgb(157,146,196)
```
#aca2cd
```
#aca2cd rgb(172,162,205)
```
#bbb3d6
```
#bbb3d6 rgb(187,179,214)
```
#cac4df
```
#cac4df rgb(202,196,223)
```
#d9d4e8
```
#d9d4e8 rgb(217,212,232)
```
#e7e5f1
```
#e7e5f1 rgb(231,229,241)
```

Monochromatic Color

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

#b3b4d6
```
#b3b4d6 rgb(179,180,214)
```
#b5b3d6
```
#b5b3d6 rgb(181,179,214)
```
#b8b3d6
```
#b8b3d6 rgb(184,179,214)
```
#bbb3d6
```
#bbb3d6 rgb(187,179,214)
```
#beb3d6
```
#beb3d6 rgb(190,179,214)
```
#c1b3d6
```
#c1b3d6 rgb(193,179,214)
```
#c4b3d6
```
#c4b3d6 rgb(196,179,214)
```

Similar Colors

Text with hexadecimal color #bbb3d6

This text has a font color of #bbb3d6.

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

#bbb3d6 background color

This paragraph has a background color of #bbb3d6.

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

#bbb3d6 border color

This element has a border color of #bbb3d6.

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

CSS codes

.text {color:#bbb3d6;}

.background {background-color:#bbb3d6;}

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

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

#000000
```
#000000 rgb(0,0,0)
```
#09070d
```
#09070d rgb(9,7,13)
```
#110e1a
```
#110e1a rgb(17,14,26)
```
#191527
```
#191527 rgb(25,21,39)
```
#211c33
```
#211c33 rgb(33,28,51)
```
#292340
```
#292340 rgb(41,35,64)
```
#32294d
```
#32294d rgb(50,41,77)
```
#3a305a
```
#3a305a rgb(58,48,90)
```
#423766
```
#423766 rgb(66,55,102)
```
#4a3e73
```
#4a3e73 rgb(74,62,115)
```
#524580
```
#524580 rgb(82,69,128)
```
#5b4c8d
```
#5b4c8d rgb(91,76,141)
```
#635399
```
#635399 rgb(99,83,153)
```

Shade Color Variation

#6b5aa6
```
#6b5aa6 rgb(107,90,166)
```
#7767ad
```
#7767ad rgb(119,103,173)
```
#8273b4
```
#8273b4 rgb(130,115,180)
```
#8d80bb
```
#8d80bb rgb(141,128,187)
```
#998dc1
```
#998dc1 rgb(153,141,193)
```
#a49ac8
```
#a49ac8 rgb(164,154,200)
```
#b0a6cf
```
#b0a6cf rgb(176,166,207)
```
#bbb3d6
```
#bbb3d6 rgb(187,179,214)
```
#c6c0dd
```
#c6c0dd rgb(198,192,221)
```
#d2cce4
```
#d2cce4 rgb(210,204,228)
```
#ddd9eb
```
#ddd9eb rgb(221,217,235)
```
#e9e6f1
```
#e9e6f1 rgb(233,230,241)
```
#f4f3f8
```
#f4f3f8 rgb(244,243,248)
```

Tint Color Variation

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

#c2c1c9
```
#c2c1c9 rgb(194,193,201)
```
#c0bccd
```
#c0bccd rgb(192,188,205)
```
#bdb8d2
```
#bdb8d2 rgb(189,184,210)
```
#bbb3d6
```
#bbb3d6 rgb(187,179,214)
```
#b9afdb
```
#b9afdb rgb(185,175,219)
```
#b6aadf
```
#b6aadf rgb(182,170,223)
```
#b4a6e4
```
#b4a6e4 rgb(180,166,228)
```
#b1a1e8
```
#b1a1e8 rgb(177,161,232)
```
#af9ded
```
#af9ded rgb(175,157,237)
```
#ac98f1
```
#ac98f1 rgb(172,152,241)
```
#aa94f6
```
#aa94f6 rgb(170,148,246)
```
#a78ffa
```
#a78ffa rgb(167,143,250)
```
#a58bff
```
#a58bff rgb(165,139,255)
```

Tone Color Variation

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

Dichromacy

#b4b9d9 Protanopia 1% of men
#beb7d8 Deuteranopia 1% of men
#bbbac7 Tritanopia 0.001% of the population

Trichromacy

#b6b7d8 Protanomaly 1% of men, 0.01% of women
#bcb5d7 Deuteranomaly 6% of men, 0.4% of women
#bbb7cc Tritanomaly 0.01% of the population