#b3bbd6 hex color

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

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

● #b3bbd6 color description : Grayish blue.

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

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

CIE-LAB	76.056, 2.745, -14.475
XYZ	48.496, 49.979, 70.707
xyY	0.287, 0.295, 49.979
CIE-LCH	76.056, 14.733, 280.736
CIE-LUV	76.056, -5.768, -22.851
Hunter-Lab	70.696, -1.27, -9.812
Binary	10110011, 10111011, 11010110

#b3bbd6
```
#b3bbd6 rgb(179,187,214)
```
#d6ceb3
```
#d6ceb3 rgb(214,206,179)
```

Complementary Color

#b3cdd6
```
#b3cdd6 rgb(179,205,214)
```
#b3bbd6
```
#b3bbd6 rgb(179,187,214)
```
#bdb3d6
```
#bdb3d6 rgb(189,179,214)
```

Analogous Color

#cdd6b3
```
#cdd6b3 rgb(205,214,179)
```
#b3bbd6
```
#b3bbd6 rgb(179,187,214)
```
#d6bdb3
```
#d6bdb3 rgb(214,189,179)
```

Split Complementary Color

#bbd6b3
```
#bbd6b3 rgb(187,214,179)
```
#b3bbd6
```
#b3bbd6 rgb(179,187,214)
```
#d6b3bb
```
#d6b3bb rgb(214,179,187)
```

Triadic Color

#b3d6ce
```
#b3d6ce rgb(179,214,206)
```
#b3bbd6
```
#b3bbd6 rgb(179,187,214)
```
#d6b3bb
```
#d6b3bb rgb(214,179,187)
```
#d6ceb3
```
#d6ceb3 rgb(214,206,179)
```

Tetradic Color

#818fbb
```
#818fbb rgb(129,143,187)
```
#929dc4
```
#929dc4 rgb(146,157,196)
```
#a2accd
```
#a2accd rgb(162,172,205)
```
#b3bbd6
```
#b3bbd6 rgb(179,187,214)
```
#c4cadf
```
#c4cadf rgb(196,202,223)
```
#d4d9e8
```
#d4d9e8 rgb(212,217,232)
```
#e5e7f1
```
#e5e7f1 rgb(229,231,241)
```

Monochromatic Color

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

#b3c4d6
```
#b3c4d6 rgb(179,196,214)
```
#b3c1d6
```
#b3c1d6 rgb(179,193,214)
```
#b3bed6
```
#b3bed6 rgb(179,190,214)
```
#b3bbd6
```
#b3bbd6 rgb(179,187,214)
```
#b3b8d6
```
#b3b8d6 rgb(179,184,214)
```
#b3b5d6
```
#b3b5d6 rgb(179,181,214)
```
#b4b3d6
```
#b4b3d6 rgb(180,179,214)
```

Similar Colors

Text with hexadecimal color #b3bbd6

This text has a font color of #b3bbd6.

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

#b3bbd6 background color

This paragraph has a background color of #b3bbd6.

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

#b3bbd6 border color

This element has a border color of #b3bbd6.

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

CSS codes

.text {color:#b3bbd6;}

.background {background-color:#b3bbd6;}

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

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 #f3f4f8 is the lightest one.

#000000
```
#000000 rgb(0,0,0)
```
#07090d
```
#07090d rgb(7,9,13)
```
#0e111a
```
#0e111a rgb(14,17,26)
```
#151927
```
#151927 rgb(21,25,39)
```
#1c2133
```
#1c2133 rgb(28,33,51)
```
#232940
```
#232940 rgb(35,41,64)
```
#29324d
```
#29324d rgb(41,50,77)
```
#303a5a
```
#303a5a rgb(48,58,90)
```
#374266
```
#374266 rgb(55,66,102)
```
#3e4a73
```
#3e4a73 rgb(62,74,115)
```
#455280
```
#455280 rgb(69,82,128)
```
#4c5b8d
```
#4c5b8d rgb(76,91,141)
```
#536399
```
#536399 rgb(83,99,153)
```

Shade Color Variation

#5a6ba6
```
#5a6ba6 rgb(90,107,166)
```
#6777ad
```
#6777ad rgb(103,119,173)
```
#7382b4
```
#7382b4 rgb(115,130,180)
```
#808dbb
```
#808dbb rgb(128,141,187)
```
#8d99c1
```
#8d99c1 rgb(141,153,193)
```
#9aa4c8
```
#9aa4c8 rgb(154,164,200)
```
#a6b0cf
```
#a6b0cf rgb(166,176,207)
```
#b3bbd6
```
#b3bbd6 rgb(179,187,214)
```
#c0c6dd
```
#c0c6dd rgb(192,198,221)
```
#ccd2e4
```
#ccd2e4 rgb(204,210,228)
```
#d9ddeb
```
#d9ddeb rgb(217,221,235)
```
#e6e9f1
```
#e6e9f1 rgb(230,233,241)
```
#f3f4f8
```
#f3f4f8 rgb(243,244,248)
```

Tint Color Variation

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

#c1c2c9
```
#c1c2c9 rgb(193,194,201)
```
#bcc0cd
```
#bcc0cd rgb(188,192,205)
```
#b8bdd2
```
#b8bdd2 rgb(184,189,210)
```
#b3bbd6
```
#b3bbd6 rgb(179,187,214)
```
#afb9db
```
#afb9db rgb(175,185,219)
```
#aab6df
```
#aab6df rgb(170,182,223)
```
#a6b4e4
```
#a6b4e4 rgb(166,180,228)
```
#a1b1e8
```
#a1b1e8 rgb(161,177,232)
```
#9dafed
```
#9dafed rgb(157,175,237)
```
#98acf1
```
#98acf1 rgb(152,172,241)
```
#94aaf6
```
#94aaf6 rgb(148,170,246)
```
#8fa7fa
```
#8fa7fa rgb(143,167,250)
```
#8ba5ff
```
#8ba5ff rgb(139,165,255)
```

Tone Color Variation

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

#bcbcbc Achromatopsia 0.005% of the population
#babcc1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#babdd7 Protanopia 1% of men
#c3bad9 Deuteranopia 1% of men
#b4c0ce Tritanopia 0.001% of the population

Trichromacy

#b7bcd7 Protanomaly 1% of men, 0.01% of women
#bdbad8 Deuteranomaly 6% of men, 0.4% of women
#b4bed0 Tritanomaly 0.01% of the population

#b3bbd6 hex color

#b3bbd6 Color Information

#b3bbd6 Color Conversion

Color Schemes with #b3bbd6

Alternatives to #b3bbd6

#b3bbd6 Preview

Shades and Tints of #b3bbd6

Tones of #b3bbd6

Color Blindness Simulator