Color #B0BEAD

Color info

#B0BEAD contains red, green and blue colors in about the same proportion. Web safe color of #B0BEAD is #99CC99 (or #9C9).

RGB color model

#B0BEAD color RGB value is (176,190,173).

red value is 176;
green value is 190;
blue value is 173.

RGB:
(176,190,173)
(69%,75%,68%)

RGB channels and saturation

R 176 of 255 = 69%
G 190 of 255 = 75%
B 173 of 255 = 68%

176

190

173

R + G + B ~ 71%. #B0BEAD is quite light color.

Portions of RGB colors in percentages

R + G + B =
176 + 190 + 173 = 539 (100%)
R 176 of 539 ~ 32.65%
G 190 of 539 ~ 35.25%
B 173 of 539 ~ 32.1%

%32.65

%35.25

%32.1

CMYK color model

#B0BEAD color CMYK value is (7,0,9,25).

cyan value is 7.37%
magenta value is 0.00%
yellow value is 8.95%
key color value is 25.49%

CMYK:
(7,0,9,25)
C7M0Y9K25 
(7%,0%,9%,25%)
(0.07/0.00/0.09/0.25)

CMYK percentages

%7.37

%8.95

%25.49

Codes

Color #B0BEAD in popluar color models

	B0	BE	AD
RGB	176	190	173
HSL	109°	11.56%	71.18%
HSB/HSV	109°	8.95%	74.51%
CMYK	7.37%	0.00%	8.95%
CMYK	25.49%

Color #B0BEAD in popluar number systems.

HEX	B0	BE	AD
Decimal	176	190	173
Binary	10110000	10111110	10101101
Octal	260	276	255

Shades and tints

Shades of #B0BEAD

#B0BEAD
(176,190,173)

#A0AD9E
(160,173,158)

#909C8F
(144,156,143)

#808B80
(128,139,128)

#707A71
(112,122,113)

#606962
(96,105,98)

#505853
(80,88,83)

#404744
(64,71,68)

#303635
(48,54,53)

#202526
(32,37,38)

#101417
(16,20,23)

#000000
(0,0,0)

Tints of #B0BEAD

#B0BEAD
(176,190,173)

#B7C3B4
(183,195,180)

#BEC8BB
(190,200,187)

#C5CDC2
(197,205,194)

#CCD2C9
(204,210,201)

#D3D7D0
(211,215,208)

#DADCD7
(218,220,215)

#E1E1DE
(225,225,222)

#E8E6E5
(232,230,229)

#EFEBEC
(239,235,236)

#F6F0F3
(246,240,243)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #B0BEAD color. Also use rgb(176,190,173) instead hex code.

Text Font Color

.myTextColor { color: #B0BEAD; }

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

This text font color is #B0BEAD.

Background Color

.myBgColor { background-color: #B0BEAD; }

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

This div background color is #B0BEAD.

Border color

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

<div style="border:3px solid #B0BEAD">Div</div>

This div border color is #B0BEAD.

Opacity

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

<p style="color:#B0BEAD;opacity:0.8;">80%</p>

Text with #B0BEAD 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 #B0BEAD;}

<p style="text-shadow: 3px 3px 1px #B0BEAD">Text here.</p>

This text has shadow with #B0BEAD color.

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

<p style="text-shadow: 3px 3px 1px #B0BEAD, 5px 5px 20px red">Text here.</p>

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

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

<p style="filter: Shadow(Color=#B0BEAD, Direction=45, Strength=4)">Text</p>

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

Div box shadow color

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

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

This div box has shadow with color #B0BEAD.

Preview

Color preview on black background

This text has color #B0BEAD on black background.

Color preview on white background

This text has color #B0BEAD on white background.

Black color preview on #B0BEAD background

This text has black color on #B0BEAD background.

White color preview on #B0BEAD background

This text has white color on #B0BEAD background.