#b2bdc8 hex color

In a RGB color space, hex #b2bdc8 is composed of 69.8% red, 74.1% green and 78.4% blue. Whereas in a CMYK color space, it is composed of 11% cyan, 5.5% magenta, 0% yellow and 21.6% black. It has a hue angle of 210 degrees, a saturation of 16.7% and a lightness of 74.1%. #b2bdc8 color hex could be obtained by blending #ffffff with #657b91. Closest websafe color is: #99cccc.

♥
- f
- t
- g
- R 70
- G 74
- B 78
RGB color chart
- C 11
- M 5
- Y 0
- K 22
CMYK color chart

● #b2bdc8 color description : Grayish blue.

The hexadecimal color #b2bdc8 has RGB values of R:178, G:189, B:200 and CMYK values of C:0.11, M:0.05, Y:0, K:0.22. Its decimal value is 11713992.

Hex triplet	b2bdc8	`#b2bdc8`
RGB Decimal	178, 189, 200	`rgb(178,189,200)`
RGB Percent	69.8, 74.1, 78.4	`rgb(69.8%,74.1%,78.4%)`
CMYK	11, 5, 0, 22
HSL	210°, 16.7, 74.1	`hsl(210,16.7%,74.1%)`
HSV (or HSB)	210°, 11, 78.4
Web Safe	99cccc	`#99cccc`

CIE-LAB	76.088, -1.595, -6.84
XYZ	46.981, 50.03, 61.822
xyY	0.296, 0.315, 50.03
CIE-LCH	76.088, 7.023, 256.875
CIE-LUV	76.088, -6.573, -10.121
Hunter-Lab	70.732, -5.219, -2.309
Binary	10110010, 10111101, 11001000

#b2bdc8
```
#b2bdc8 rgb(178,189,200)
```
#c8bdb2
```
#c8bdb2 rgb(200,189,178)
```

Complementary Color

#b2c8c8
```
#b2c8c8 rgb(178,200,200)
```
#b2bdc8
```
#b2bdc8 rgb(178,189,200)
```
#b2b2c8
```
#b2b2c8 rgb(178,178,200)
```

Analogous Color

#c8c8b2
```
#c8c8b2 rgb(200,200,178)
```
#b2bdc8
```
#b2bdc8 rgb(178,189,200)
```
#c8b2b2
```
#c8b2b2 rgb(200,178,178)
```

Split Complementary Color

#bdc8b2
```
#bdc8b2 rgb(189,200,178)
```
#b2bdc8
```
#b2bdc8 rgb(178,189,200)
```
#c8b2bd
```
#c8b2bd rgb(200,178,189)
```

Triadic Color

#b2c8bd
```
#b2c8bd rgb(178,200,189)
```
#b2bdc8
```
#b2bdc8 rgb(178,189,200)
```
#c8b2bd
```
#c8b2bd rgb(200,178,189)
```
#c8bdb2
```
#c8bdb2 rgb(200,189,178)
```

Tetradic Color

#8597a8
```
#8597a8 rgb(133,151,168)
```
#94a4b3
```
#94a4b3 rgb(148,164,179)
```
#a3b0bd
```
#a3b0bd rgb(163,176,189)
```
#b2bdc8
```
#b2bdc8 rgb(178,189,200)
```
#c1cad3
```
#c1cad3 rgb(193,202,211)
```
#d0d7dd
```
#d0d7dd rgb(208,215,221)
```
#dfe3e8
```
#dfe3e8 rgb(223,227,232)
```

Monochromatic Color

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

#b2c3c8
```
#b2c3c8 rgb(178,195,200)
```
#b2c1c8
```
#b2c1c8 rgb(178,193,200)
```
#b2bfc8
```
#b2bfc8 rgb(178,191,200)
```
#b2bdc8
```
#b2bdc8 rgb(178,189,200)
```
#b2bbc8
```
#b2bbc8 rgb(178,187,200)
```
#b2b9c8
```
#b2b9c8 rgb(178,185,200)
```
#b2b8c8
```
#b2b8c8 rgb(178,184,200)
```

Similar Colors

Text with hexadecimal color #b2bdc8

This text has a font color of #b2bdc8.

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

#b2bdc8 background color

This paragraph has a background color of #b2bdc8.

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

#b2bdc8 border color

This element has a border color of #b2bdc8.

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

CSS codes

.text {color:#b2bdc8;}

.background {background-color:#b2bdc8;}

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

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

#020303
```
#020303 rgb(2,3,3)
```
#0a0c0f
```
#0a0c0f rgb(10,12,15)
```
#13161a
```
#13161a rgb(19,22,26)
```
#1b2025
```
#1b2025 rgb(27,32,37)
```
#232a31
```
#232a31 rgb(35,42,49)
```
#2b343c
```
#2b343c rgb(43,52,60)
```
#333e48
```
#333e48 rgb(51,62,72)
```
#3b4753
```
#3b4753 rgb(59,71,83)
```
#44515f
```
#44515f rgb(68,81,95)
```
#4c5b6a
```
#4c5b6a rgb(76,91,106)
```
#546576
```
#546576 rgb(84,101,118)
```
#5c6f81
```
#5c6f81 rgb(92,111,129)
```
#64788c
```
#64788c rgb(100,120,140)
```

Shade Color Variation

#6d8297
```
#6d8297 rgb(109,130,151)
```
#798c9f
```
#798c9f rgb(121,140,159)
```
#8496a7
```
#8496a7 rgb(132,150,167)
```
#90a0af
```
#90a0af rgb(144,160,175)
```
#9ba9b8
```
#9ba9b8 rgb(155,169,184)
```
#a7b3c0
```
#a7b3c0 rgb(167,179,192)
```
#b2bdc8
```
#b2bdc8 rgb(178,189,200)
```
#bdc7d0
```
#bdc7d0 rgb(189,199,208)
```
#c9d1d8
```
#c9d1d8 rgb(201,209,216)
```
#d4dae1
```
#d4dae1 rgb(212,218,225)
```
#e0e4e9
```
#e0e4e9 rgb(224,228,233)
```
#ebeef1
```
#ebeef1 rgb(235,238,241)
```
#f7f8f9
```
#f7f8f9 rgb(247,248,249)
```

Tint Color Variation

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

#bcbdbe
```
#bcbdbe rgb(188,189,190)
```
#b7bdc3
```
#b7bdc3 rgb(183,189,195)
```
#b2bdc8
```
#b2bdc8 rgb(178,189,200)
```
#adbdcd
```
#adbdcd rgb(173,189,205)
```
#a8bdd2
```
#a8bdd2 rgb(168,189,210)
```
#a3bdd7
```
#a3bdd7 rgb(163,189,215)
```
#9ebddc
```
#9ebddc rgb(158,189,220)
```
#99bde1
```
#99bde1 rgb(153,189,225)
```
#94bde6
```
#94bde6 rgb(148,189,230)
```
#8ebdec
```
#8ebdec rgb(142,189,236)
```
#89bdf1
```
#89bdf1 rgb(137,189,241)
```
#84bdf6
```
#84bdf6 rgb(132,189,246)
```
#7fbdfb
```
#7fbdfb rgb(127,189,251)
```

Tone Color Variation

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

Dichromacy

#bfbdc9 Protanopia 1% of men
#cabacc Deuteranopia 1% of men
#b6bfcd Tritanopia 0.001% of the population

Trichromacy

#babdc8 Protanomaly 1% of men, 0.01% of women
#c1bbcb Deuteranomaly 6% of men, 0.4% of women
#b4becb Tritanomaly 0.01% of the population

#b2bdc8 hex color

#b2bdc8 Color Information

#b2bdc8 Color Conversion

Color Schemes with #b2bdc8

Alternatives to #b2bdc8

#b2bdc8 Preview

Shades and Tints of #b2bdc8

Tones of #b2bdc8

Color Blindness Simulator