#b2bebc hex color

In a RGB color space, hex #b2bebc is composed of 69.8% red, 74.5% green and 73.7% blue. Whereas in a CMYK color space, it is composed of 6.3% cyan, 0% magenta, 1.1% yellow and 25.5% black. It has a hue angle of 170 degrees, a saturation of 8.5% and a lightness of 72.2%. #b2bebc color hex could be obtained by blending #ffffff with #657d79. Closest websafe color is: #99cccc.

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

● #b2bebc color description : Grayish cyan.

The hexadecimal color #b2bebc has RGB values of R:178, G:190, B:188 and CMYK values of C:0.06, M:0, Y:0.01, K:0.25. Its decimal value is 11714236.

Hex triplet	b2bebc	`#b2bebc`
RGB Decimal	178, 190, 188	`rgb(178,190,188)`
RGB Percent	69.8, 74.5, 73.7	`rgb(69.8%,74.5%,73.7%)`
CMYK	6, 0, 1, 25
HSL	170°, 8.5, 72.2	`hsl(170,8.5%,72.2%)`
HSV (or HSB)	170°, 6.3, 74.5
Web Safe	99cccc	`#99cccc`

CIE-LAB	76.022, -4.512, -0.425
XYZ	45.849, 49.922, 54.795
xyY	0.305, 0.332, 49.922
CIE-LCH	76.022, 4.532, 185.378
CIE-LUV	76.022, -6.54, 0.139
Hunter-Lab	70.656, -7.818, 3.479
Binary	10110010, 10111110, 10111100

#b2bebc
```
#b2bebc rgb(178,190,188)
```
#beb2b4
```
#beb2b4 rgb(190,178,180)
```

Complementary Color

#b2beb6
```
#b2beb6 rgb(178,190,182)
```
#b2bebc
```
#b2bebc rgb(178,190,188)
```
#b2babe
```
#b2babe rgb(178,186,190)
```

Analogous Color

#beb6b2
```
#beb6b2 rgb(190,182,178)
```
#b2bebc
```
#b2bebc rgb(178,190,188)
```
#beb2ba
```
#beb2ba rgb(190,178,186)
```

Split Complementary Color

#bebcb2
```
#bebcb2 rgb(190,188,178)
```
#b2bebc
```
#b2bebc rgb(178,190,188)
```
#bcb2be
```
#bcb2be rgb(188,178,190)
```

Triadic Color

#b4beb2
```
#b4beb2 rgb(180,190,178)
```
#b2bebc
```
#b2bebc rgb(178,190,188)
```
#bcb2be
```
#bcb2be rgb(188,178,190)
```
#beb2b4
```
#beb2b4 rgb(190,178,180)
```

Tetradic Color

#899b98
```
#899b98 rgb(137,155,152)
```
#96a7a4
```
#96a7a4 rgb(150,167,164)
```
#a4b2b0
```
#a4b2b0 rgb(164,178,176)
```
#b2bebc
```
#b2bebc rgb(178,190,188)
```
#c0cac8
```
#c0cac8 rgb(192,202,200)
```
#ced5d4
```
#ced5d4 rgb(206,213,212)
```
#dbe1e0
```
#dbe1e0 rgb(219,225,224)
```

Monochromatic Color

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

#b2beb9
```
#b2beb9 rgb(178,190,185)
```
#b2beba
```
#b2beba rgb(178,190,186)
```
#b2bebb
```
#b2bebb rgb(178,190,187)
```
#b2bebc
```
#b2bebc rgb(178,190,188)
```
#b2bebd
```
#b2bebd rgb(178,190,189)
```
#b2bebe
```
#b2bebe rgb(178,190,190)
```
#b2bdbe
```
#b2bdbe rgb(178,189,190)
```

Similar Colors

Text with hexadecimal color #b2bebc

This text has a font color of #b2bebc.

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

#b2bebc background color

This paragraph has a background color of #b2bebc.

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

#b2bebc border color

This element has a border color of #b2bebc.

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

CSS codes

.text {color:#b2bebc;}

.background {background-color:#b2bebc;}

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

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

#070808
```
#070808 rgb(7,8,8)
```
#101312
```
#101312 rgb(16,19,18)
```
#191d1d
```
#191d1d rgb(25,29,29)
```
#222827
```
#222827 rgb(34,40,39)
```
#2b3331
```
#2b3331 rgb(43,51,49)
```
#343d3c
```
#343d3c rgb(52,61,60)
```
#3d4846
```
#3d4846 rgb(61,72,70)
```
#465350
```
#465350 rgb(70,83,80)
```
#4f5d5b
```
#4f5d5b rgb(79,93,91)
```
#586865
```
#586865 rgb(88,104,101)
```
#61726f
```
#61726f rgb(97,114,111)
```
#6a7d7a
```
#6a7d7a rgb(106,125,122)
```
#738884
```
#738884 rgb(115,136,132)
```

Shade Color Variation

#7d918e
```
#7d918e rgb(125,145,142)
```
#879a97
```
#879a97 rgb(135,154,151)
```
#92a3a0
```
#92a3a0 rgb(146,163,160)
```
#9daca9
```
#9daca9 rgb(157,172,169)
```
#a7b5b3
```
#a7b5b3 rgb(167,181,179)
```
#b2bebc
```
#b2bebc rgb(178,190,188)
```
#bdc7c5
```
#bdc7c5 rgb(189,199,197)
```
#c7d0cf
```
#c7d0cf rgb(199,208,207)
```
#d2d9d8
```
#d2d9d8 rgb(210,217,216)
```
#dde2e1
```
#dde2e1 rgb(221,226,225)
```
#e7ebea
```
#e7ebea rgb(231,235,234)
```
#f2f4f4
```
#f2f4f4 rgb(242,244,244)
```
#fcfdfd
```
#fcfdfd rgb(252,253,253)
```

Tint Color Variation

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

#b7b9b8
```
#b7b9b8 rgb(183,185,184)
```
#b2bebc
```
#b2bebc rgb(178,190,188)
```
#adc3c0
```
#adc3c0 rgb(173,195,192)
```
#a7c9c3
```
#a7c9c3 rgb(167,201,195)
```
#a2cec7
```
#a2cec7 rgb(162,206,199)
```
#9cd4cb
```
#9cd4cb rgb(156,212,203)
```
#97d9ce
```
#97d9ce rgb(151,217,206)
```
#91dfd2
```
#91dfd2 rgb(145,223,210)
```
#8ce4d5
```
#8ce4d5 rgb(140,228,213)
```
#86ead9
```
#86ead9 rgb(134,234,217)
```
#81efdd
```
#81efdd rgb(129,239,221)
```
#7bf5e0
```
#7bf5e0 rgb(123,245,224)
```
#76fae4
```
#76fae4 rgb(118,250,228)
```

Tone Color Variation

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

#bababa Achromatopsia 0.005% of the population
#b8bbba Atypical Achromatopsia 0.001% of the population

Dichromacy

#c2bebd Protanopia 1% of men
#ceb9c2 Deuteranopia 1% of men
#b8bfcc Tritanopia 0.001% of the population

Trichromacy

#bcbebd Protanomaly 1% of men, 0.01% of women
#c4bbbf Deuteranomaly 6% of men, 0.4% of women
#b6bec6 Tritanomaly 0.01% of the population

#b2bebc hex color

#b2bebc Color Information

#b2bebc Color Conversion

Color Schemes with #b2bebc

Alternatives to #b2bebc

#b2bebc Preview

Shades and Tints of #b2bebc

Tones of #b2bebc

Color Blindness Simulator