#b2bcbd hex color

In a RGB color space, hex #b2bcbd is composed of 69.8% red, 73.7% green and 74.1% blue. Whereas in a CMYK color space, it is composed of 5.8% cyan, 0.5% magenta, 0% yellow and 25.9% black. It has a hue angle of 185.5 degrees, a saturation of 7.7% and a lightness of 72%. #b2bcbd color hex could be obtained by blending #ffffff with #65797b. Closest websafe color is: #99cccc.

♥
- f
- t
- g
- R 70
- G 74
- B 74
RGB color chart
- C 6
- M 1
- Y 0
- K 26
CMYK color chart

● #b2bcbd color description : Grayish cyan.

The hexadecimal color #b2bcbd has RGB values of R:178, G:188, B:189 and CMYK values of C:0.06, M:0.01, Y:0, K:0.26. Its decimal value is 11713725.

Hex triplet	b2bcbd	`#b2bcbd`
RGB Decimal	178, 188, 189	`rgb(178,188,189)`
RGB Percent	69.8, 73.7, 74.1	`rgb(69.8%,73.7%,74.1%)`
CMYK	6, 1, 0, 26
HSL	185.5°, 7.7, 72	`hsl(185.5,7.7%,72%)`
HSV (or HSB)	185.5°, 5.8, 74.1
Web Safe	99cccc	`#99cccc`

CIE-LAB	75.517, -3.256, -1.707
XYZ	45.527, 49.105, 55.221
xyY	0.304, 0.328, 49.105
CIE-LCH	75.517, 3.676, 207.663
CIE-LUV	75.517, -5.592, -1.996
Hunter-Lab	70.075, -6.662, 2.33
Binary	10110010, 10111100, 10111101

#b2bcbd
```
#b2bcbd rgb(178,188,189)
```
#bdb3b2
```
#bdb3b2 rgb(189,179,178)
```

Complementary Color

#b2bdb9
```
#b2bdb9 rgb(178,189,185)
```
#b2bcbd
```
#b2bcbd rgb(178,188,189)
```
#b2b7bd
```
#b2b7bd rgb(178,183,189)
```

Analogous Color

#bdb9b2
```
#bdb9b2 rgb(189,185,178)
```
#b2bcbd
```
#b2bcbd rgb(178,188,189)
```
#bdb2b7
```
#bdb2b7 rgb(189,178,183)
```

Split Complementary Color

#bcbdb2
```
#bcbdb2 rgb(188,189,178)
```
#b2bcbd
```
#b2bcbd rgb(178,188,189)
```
#bdb2bc
```
#bdb2bc rgb(189,178,188)
```

Triadic Color

#b2bdb3
```
#b2bdb3 rgb(178,189,179)
```
#b2bcbd
```
#b2bcbd rgb(178,188,189)
```
#bdb2bc
```
#bdb2bc rgb(189,178,188)
```
#bdb3b2
```
#bdb3b2 rgb(189,179,178)
```

Tetradic Color

#89989a
```
#89989a rgb(137,152,154)
```
#97a4a5
```
#97a4a5 rgb(151,164,165)
```
#a4b0b1
```
#a4b0b1 rgb(164,176,177)
```
#b2bcbd
```
#b2bcbd rgb(178,188,189)
```
#c0c8c9
```
#c0c8c9 rgb(192,200,201)
```
#cdd4d5
```
#cdd4d5 rgb(205,212,213)
```
#dbe0e0
```
#dbe0e0 rgb(219,224,224)
```

Monochromatic Color

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

#b2bdbb
```
#b2bdbb rgb(178,189,187)
```
#b2bdbc
```
#b2bdbc rgb(178,189,188)
```
#b2bdbd
```
#b2bdbd rgb(178,189,189)
```
#b2bcbd
```
#b2bcbd rgb(178,188,189)
```
#b2bbbd
```
#b2bbbd rgb(178,187,189)
```
#b2babd
```
#b2babd rgb(178,186,189)
```
#b2b9bd
```
#b2b9bd rgb(178,185,189)
```

Similar Colors

Text with hexadecimal color #b2bcbd

This text has a font color of #b2bcbd.

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

#b2bcbd background color

This paragraph has a background color of #b2bcbd.

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

#b2bcbd border color

This element has a border color of #b2bcbd.

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

CSS codes

.text {color:#b2bcbd;}

.background {background-color:#b2bcbd;}

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

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

#060707
```
#060707 rgb(6,7,7)
```
#0f1212
```
#0f1212 rgb(15,18,18)
```
#191c1d
```
#191c1d rgb(25,28,29)
```
#222727
```
#222727 rgb(34,39,39)
```
#2b3132
```
#2b3132 rgb(43,49,50)
```
#343c3c
```
#343c3c rgb(52,60,60)
```
#3d4647
```
#3d4647 rgb(61,70,71)
```
#465051
```
#465051 rgb(70,80,81)
```
#4f5b5c
```
#4f5b5c rgb(79,91,92)
```
#586567
```
#586567 rgb(88,101,103)
```
#617071
```
#617071 rgb(97,112,113)
```
#6a7a7c
```
#6a7a7c rgb(106,122,124)
```
#738486
```
#738486 rgb(115,132,134)
```

Shade Color Variation

#7d8e90
```
#7d8e90 rgb(125,142,144)
```
#889799
```
#889799 rgb(136,151,153)
```
#92a0a2
```
#92a0a2 rgb(146,160,162)
```
#9daaab
```
#9daaab rgb(157,170,171)
```
#a7b3b4
```
#a7b3b4 rgb(167,179,180)
```
#b2bcbd
```
#b2bcbd rgb(178,188,189)
```
#bdc5c6
```
#bdc5c6 rgb(189,197,198)
```
#c7cecf
```
#c7cecf rgb(199,206,207)
```
#d2d8d8
```
#d2d8d8 rgb(210,216,216)
```
#dce1e1
```
#dce1e1 rgb(220,225,225)
```
#e7eaea
```
#e7eaea rgb(231,234,234)
```
#f1f3f3
```
#f1f3f3 rgb(241,243,243)
```
#fcfcfc
```
#fcfcfc rgb(252,252,252)
```

Tint Color Variation

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

#b8b8b8
```
#b8b8b8 rgb(184,184,184)
```
#b2bcbd
```
#b2bcbd rgb(178,188,189)
```
#adc1c3
```
#adc1c3 rgb(173,193,195)
```
#a7c5c8
```
#a7c5c8 rgb(167,197,200)
```
#a2cace
```
#a2cace rgb(162,202,206)
```
#9cced3
```
#9cced3 rgb(156,206,211)
```
#97d3d9
```
#97d3d9 rgb(151,211,217)
```
#91d7de
```
#91d7de rgb(145,215,222)
```
#8cdce4
```
#8cdce4 rgb(140,220,228)
```
#86e0e9
```
#86e0e9 rgb(134,224,233)
```
#81e5ef
```
#81e5ef rgb(129,229,239)
```
#7be9f4
```
#7be9f4 rgb(123,233,244)
```
#76eefa
```
#76eefa rgb(118,238,250)
```

Tone Color Variation

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

Dichromacy

#c0bcbe Protanopia 1% of men
#ccb8c2 Deuteranopia 1% of men
#b8bdcb Tritanopia 0.001% of the population

Trichromacy

#bbbcbe Protanomaly 1% of men, 0.01% of women
#c2b9c0 Deuteranomaly 6% of men, 0.4% of women
#b5bdc6 Tritanomaly 0.01% of the population

#b2bcbd hex color

#b2bcbd Color Information

#b2bcbd Color Conversion

Color Schemes with #b2bcbd

Alternatives to #b2bcbd

#b2bcbd Preview

Shades and Tints of #b2bcbd

Tones of #b2bcbd

Color Blindness Simulator