#b2b2d6 hex color

In a RGB color space, hex #b2b2d6 is composed of 69.8% red, 69.8% green and 83.9% blue. Whereas in a CMYK color space, it is composed of 16.8% cyan, 16.8% magenta, 0% yellow and 16.1% black. It has a hue angle of 240 degrees, a saturation of 30.5% and a lightness of 76.9%. #b2b2d6 color hex could be obtained by blending #ffffff with #6565ad. Closest websafe color is: #9999cc.

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

● #b2b2d6 color description : Grayish blue.

The hexadecimal color #b2b2d6 has RGB values of R:178, G:178, B:214 and CMYK values of C:0.17, M:0.17, Y:0, K:0.16. Its decimal value is 11711190.

Hex triplet	b2b2d6	`#b2b2d6`
RGB Decimal	178, 178, 214	`rgb(178,178,214)`
RGB Percent	69.8, 69.8, 83.9	`rgb(69.8%,69.8%,83.9%)`
CMYK	17, 17, 0, 16
HSL	240°, 30.5, 76.9	`hsl(240,30.5%,76.9%)`
HSV (or HSB)	240°, 16.8, 83.9
Web Safe	9999cc	`#9999cc`

CIE-LAB	73.65, 7.322, -18.111
XYZ	46.416, 46.16, 70.079
xyY	0.285, 0.284, 46.16
CIE-LCH	73.65, 19.535, 292.014
CIE-LUV	73.65, -2.117, -29.292
Hunter-Lab	67.941, 3.049, -13.596
Binary	10110010, 10110010, 11010110

#b2b2d6
```
#b2b2d6 rgb(178,178,214)
```
#d6d6b2
```
#d6d6b2 rgb(214,214,178)
```

Complementary Color

#b2c4d6
```
#b2c4d6 rgb(178,196,214)
```
#b2b2d6
```
#b2b2d6 rgb(178,178,214)
```
#c4b2d6
```
#c4b2d6 rgb(196,178,214)
```

Analogous Color

#c4d6b2
```
#c4d6b2 rgb(196,214,178)
```
#b2b2d6
```
#b2b2d6 rgb(178,178,214)
```
#d6c4b2
```
#d6c4b2 rgb(214,196,178)
```

Split Complementary Color

#b2d6b2
```
#b2d6b2 rgb(178,214,178)
```
#b2b2d6
```
#b2b2d6 rgb(178,178,214)
```
#d6b2b2
```
#d6b2b2 rgb(214,178,178)
```

Triadic Color

#b2d6d6
```
#b2d6d6 rgb(178,214,214)
```
#b2b2d6
```
#b2b2d6 rgb(178,178,214)
```
#d6b2b2
```
#d6b2b2 rgb(214,178,178)
```
#d6d6b2
```
#d6d6b2 rgb(214,214,178)
```

Tetradic Color

#8080bb
```
#8080bb rgb(128,128,187)
```
#9191c4
```
#9191c4 rgb(145,145,196)
```
#a1a1cd
```
#a1a1cd rgb(161,161,205)
```
#b2b2d6
```
#b2b2d6 rgb(178,178,214)
```
#c3c3df
```
#c3c3df rgb(195,195,223)
```
#d3d3e8
```
#d3d3e8 rgb(211,211,232)
```
#e4e4f1
```
#e4e4f1 rgb(228,228,241)
```

Monochromatic Color

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

#b2bbd6
```
#b2bbd6 rgb(178,187,214)
```
#b2b8d6
```
#b2b8d6 rgb(178,184,214)
```
#b2b5d6
```
#b2b5d6 rgb(178,181,214)
```
#b2b2d6
```
#b2b2d6 rgb(178,178,214)
```
#b5b2d6
```
#b5b2d6 rgb(181,178,214)
```
#b8b2d6
```
#b8b2d6 rgb(184,178,214)
```
#bbb2d6
```
#bbb2d6 rgb(187,178,214)
```

Similar Colors

Text with hexadecimal color #b2b2d6

This text has a font color of #b2b2d6.

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

#b2b2d6 background color

This paragraph has a background color of #b2b2d6.

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

#b2b2d6 border color

This element has a border color of #b2b2d6.

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

CSS codes

.text {color:#b2b2d6;}

.background {background-color:#b2b2d6;}

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

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

#07070d
```
#07070d rgb(7,7,13)
```
#0e0e19
```
#0e0e19 rgb(14,14,25)
```
#141426
```
#141426 rgb(20,20,38)
```
#1b1b33
```
#1b1b33 rgb(27,27,51)
```
#222240
```
#222240 rgb(34,34,64)
```
#29294d
```
#29294d rgb(41,41,77)
```
#303059
```
#303059 rgb(48,48,89)
```
#363666
```
#363666 rgb(54,54,102)
```
#3d3d73
```
#3d3d73 rgb(61,61,115)
```
#444480
```
#444480 rgb(68,68,128)
```
#4b4b8d
```
#4b4b8d rgb(75,75,141)
```
#525299
```
#525299 rgb(82,82,153)
```
#5858a6
```
#5858a6 rgb(88,88,166)
```

Shade Color Variation

#6565ad
```
#6565ad rgb(101,101,173)
```
#7272b4
```
#7272b4 rgb(114,114,180)
```
#7f7fbb
```
#7f7fbb rgb(127,127,187)
```
#8c8cc2
```
#8c8cc2 rgb(140,140,194)
```
#9898c8
```
#9898c8 rgb(152,152,200)
```
#a5a5cf
```
#a5a5cf rgb(165,165,207)
```
#b2b2d6
```
#b2b2d6 rgb(178,178,214)
```
#bfbfdd
```
#bfbfdd rgb(191,191,221)
```
#cccce4
```
#cccce4 rgb(204,204,228)
```
#d8d8ea
```
#d8d8ea rgb(216,216,234)
```
#e5e5f1
```
#e5e5f1 rgb(229,229,241)
```
#f2f2f8
```
#f2f2f8 rgb(242,242,248)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#c0c0c8
```
#c0c0c8 rgb(192,192,200)
```
#bbbbcd
```
#bbbbcd rgb(187,187,205)
```
#b7b7d1
```
#b7b7d1 rgb(183,183,209)
```
#b2b2d6
```
#b2b2d6 rgb(178,178,214)
```
#adaddb
```
#adaddb rgb(173,173,219)
```
#a9a9df
```
#a9a9df rgb(169,169,223)
```
#a4a4e4
```
#a4a4e4 rgb(164,164,228)
```
#a0a0e8
```
#a0a0e8 rgb(160,160,232)
```
#9b9bed
```
#9b9bed rgb(155,155,237)
```
#9797f1
```
#9797f1 rgb(151,151,241)
```
#9292f6
```
#9292f6 rgb(146,146,246)
```
#8e8efa
```
#8e8efa rgb(142,142,250)
```
#8989ff
```
#8989ff rgb(137,137,255)
```

Tone Color Variation

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

#b6b6b6 Achromatopsia 0.005% of the population
#b5b5bc Atypical Achromatopsia 0.001% of the population

Dichromacy

#b1b7d8 Protanopia 1% of men
#b9b4d8 Deuteranopia 1% of men
#b2b9c6 Tritanopia 0.001% of the population

Trichromacy

#b1b5d7 Protanomaly 1% of men, 0.01% of women
#b6b3d7 Deuteranomaly 6% of men, 0.4% of women
#b2b6cc Tritanomaly 0.01% of the population

#b2b2d6 hex color

#b2b2d6 Color Information

#b2b2d6 Color Conversion

Color Schemes with #b2b2d6

Alternatives to #b2b2d6

#b2b2d6 Preview

Shades and Tints of #b2b2d6

Tones of #b2b2d6

Color Blindness Simulator