COLOR #B9BEC5

HEX: #B9BEC5 RGB: (185,190,197)

Color info
Codes
CSS3 styles
Preview
Shades and tints
Color combinations

Color info

#B9BEC5 contains red, green and blue colors in about the same proportion. Web safe color of #B9BEC5 is #CCCCCC (or #CCC).

RGB color model

#B9BEC5 color RGB value is (185,190,197).

red value is 185;
green value is 190;
blue value is 197.

RGB: (185,190,197) (73%, 75%, 77%)

RGB channels and saturation

R 185 of 255 = 73%
G 190 of 255 = 75%
B 197 of 255 = 77%

185

190

197

R + G + B ~ 75%. #B9BEC5 is quite light color.

Portions of RGB colors in percentages

R + G + B = 185 + 190 + 197 = 572 (100%)
R 185 of 572 ~ 32.34%
G 190 of 572 ~ 33.22%
B 197 of 572 ~ 34.44'%

%32.34

%33.22

%34.44

CMYK color model

#B9BEC5 color CMYK value is (6,4,0,23).

cyan value is 6.09%
magenta value is 3.55%
yellow value is 0.00%
key color value is 22.75%

CMYK: (6,4,0,23) C6M4Y0K23 (6%,4%,0%,23%) (0.06/0.04/0.00/0.23)

CMYK percentages

%6.09

%3.55

%22.75

Codes

Color #B9BEC5 in popluar color models

	B9	BE	C5
RGB	185	190	197
HSL	215°	9.38%	74.90%
HSB/HSV	215°	6.09%	77.25%
CMYK	6.09%	3.55%	0.00%
CMYK	22.75%

Color #B9BEC5 in popluar number systems.

HEX	B9	BE	C5
Decimal	185	190	197
Binary	10111001	10111110	11000101
Octal	271	276	305

Shades and tints

Shades of #B9BEC5

#B9BEC5
(185,190,197)

#A9ADB4
(169,173,180)

#999CA3
(153,156,163)

#898B92
(137,139,146)

#797A81
(121,122,129)

#696970
(105,105,112)

#59585F
(89,88,95)

#49474E
(73,71,78)

#39363D
(57,54,61)

#29252C
(41,37,44)

#19141B
(25,20,27)

#000000
(0,0,0)

Tints of #B9BEC5

#B9BEC5
(185,190,197)

#BFC3CA
(191,195,202)

#C5C8CF
(197,200,207)

#CBCDD4
(203,205,212)

#D1D2D9
(209,210,217)

#D7D7DE
(215,215,222)

#DDDCE3
(221,220,227)

#E3E1E8
(227,225,232)

#E9E6ED
(233,230,237)

#EFEBF2
(239,235,242)

#F5F0F7
(245,240,247)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #B9BEC5 color. Also use rgb(185,190,197) instead hex code.

Text Font Color

.myTextColor { color: #B9BEC5; }

<p style="color:#B9BEC5">This sample text font color is #B9BEC5.</p>

This text font color is #B9BEC5.

Background Color

.myBgColor { background-color: #B9BEC5; }

<div style="background-color:#B9BEC5">Inner text</div>

This div background color is #B9BEC5.

Border color

.myBorderColor { border: 1px solid #B9BEC5; }

This div border color is #B9BEC5.

Opacity

.myOpacity80 { color: #B9BEC5; opacity: 0.8; }

Text with #B9BEC5 color and opacity 100% | 80% | 50% | 30%.

Background with opacity value 100%.

Background with opacity value 80%.

Background with opacity value 50%.

Background with opacity value 30%.

Text shadow color

.textShadow {text-shadow: 3px 3px 1px #B9BEC5;}

This text has shadow with #B9BEC5 color.

.textShadow {text-shadow: 3px 3px 1px #B9BEC5', 3px 3px 1px red;}

This text has shadow with #B9BEC5 primary color and red secondary color.

Styles for old Internet Explorer:
.textShadow {filter: Shadow(Color=#B9BEC5, Direction=45, Strength=4)}

This text has shadow with #B9BEC5 and red colors in old Internet Explorer.

Div box shadow color

/* css code */
.divShadow
{
-moz-box-shadow: 1px 1px 3px 2px #B9BEC5;
-webkit-box-shadow: 1px 1px 3px 2px #B9BEC5;
box-shadow: 1px 1px 3px 2px #B9BEC5;
}

/* html code with inline style */
<div style="-moz-box-shadow: 1px 1px 3px 2px #B9BEC5; -webkit-box-shadow: 1px 1px 3px 2px #B9BEC5; box-shadow:1px 1px 3px 2px #B9BEC5;">
Div content here
</div>

This div box has shadow with color #B9BEC5.