Color #B2FCE7

Color info

#B2FCE7 contains mainly green and blue colors. Web safe color of #B2FCE7 is #99FFFF (or #9FF).

RGB color model

#B2FCE7 color RGB value is (178,252,231).

red value is 178;
green value is 252;
blue value is 231.

RGB:
(178,252,231)
(70%,99%,91%)

RGB channels and saturation

R 178 of 255 = 70%
G 252 of 255 = 99%
B 231 of 255 = 91%

178

252

231

R + G + B ~ 87%. #B2FCE7 is light color.

Portions of RGB colors in percentages

R + G + B =
178 + 252 + 231 = 661 (100%)
R 178 of 661 ~ 26.93%
G 252 of 661 ~ 38.12%
B 231 of 661 ~ 34.95%

%26.93

%38.12

%34.95

CMYK color model

#B2FCE7 color CMYK value is (29,0,8,1).

cyan value is 29.37%
magenta value is 0.00%
yellow value is 8.33%
key color value is 1.18%

CMYK:
(29,0,8,1)
C29M0Y8K1 
(29%,0%,8%,1%)
(0.29/0.00/0.08/0.01)

CMYK percentages

%29.37

%8.33

%1.18

Codes

Color #B2FCE7 in popluar color models

	B2	FC	E7
RGB	178	252	231
HSL	163°	92.50%	84.31%
HSB/HSV	163°	29.37%	98.82%
CMYK	29.37%	0.00%	8.33%
CMYK	1.18%

Color #B2FCE7 in popluar number systems.

HEX	B2	FC	E7
Decimal	178	252	231
Binary	10110010	11111100	11100111
Octal	262	374	347

Shades and tints

Shades of #B2FCE7

#B2FCE7
(178,252,231)

#A2E6D2
(162,230,210)

#92D0BD
(146,208,189)

#82BAA8
(130,186,168)

#72A493
(114,164,147)

#628E7E
(98,142,126)

#527869
(82,120,105)

#426254
(66,98,84)

#324C3F
(50,76,63)

#22362A
(34,54,42)

#122015
(18,32,21)

#000000
(0,0,0)

Tints of #B2FCE7

#B2FCE7
(178,252,231)

#B9FCE9
(185,252,233)

#C0FCEB
(192,252,235)

#C7FCED
(199,252,237)

#CEFCEF
(206,252,239)

#D5FCF1
(213,252,241)

#DCFCF3
(220,252,243)

#E3FCF5
(227,252,245)

#EAFCF7
(234,252,247)

#F1FCF9
(241,252,249)

#F8FCFB
(248,252,251)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #B2FCE7 color. Also use rgb(178,252,231) instead hex code.

Text Font Color

.myTextColor { color: #B2FCE7; }

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

This text font color is #B2FCE7.

Background Color

.myBgColor { background-color: #B2FCE7; }

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

This div background color is #B2FCE7.

Border color

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

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

This div border color is #B2FCE7.

Opacity

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

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

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

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

This text has shadow with #B2FCE7 color.

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

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

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

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

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

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

Div box shadow color

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

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

This div box has shadow with color #B2FCE7.

Preview

Color preview on black background

This text has color #B2FCE7 on black background.

Color preview on white background

This text has color #B2FCE7 on white background.

Black color preview on #B2FCE7 background

This text has black color on #B2FCE7 background.

White color preview on #B2FCE7 background

This text has white color on #B2FCE7 background.