COLOR #B7ECC2

HEX: #B7ECC2 RGB: (183,236,194)

Color info
Codes
CSS3 styles
Preview
Shades and tints
Color combinations

Color info

#B7ECC2 contains red, green and blue colors in about the same proportion. Web safe color of #B7ECC2 is #CCFFCC (or #CFC).

RGB color model

#B7ECC2 color RGB value is (183,236,194).

red value is 183;
green value is 236;
blue value is 194.

RGB: (183,236,194) (72%, 93%, 76%)

RGB channels and saturation

R 183 of 255 = 72%
G 236 of 255 = 93%
B 194 of 255 = 76%

183

236

194

R + G + B ~ 80%. #B7ECC2 is quite light color.

Portions of RGB colors in percentages

R + G + B = 183 + 236 + 194 = 613 (100%)
R 183 of 613 ~ 29.85%
G 236 of 613 ~ 38.5%
B 194 of 613 ~ 31.65'%

%29.85

%38.5

%31.65

CMYK color model

#B7ECC2 color CMYK value is (22,0,18,7).

cyan value is 22.46%
magenta value is 0.00%
yellow value is 17.80%
key color value is 7.45%

CMYK: (22,0,18,7) C22M0Y18K7 (22%,0%,18%,7%) (0.22/0.00/0.18/0.07)

CMYK percentages

%22.46

%17.8

%7.45

Codes

Color #B7ECC2 in popluar color models

	B7	EC	C2
RGB	183	236	194
HSL	132°	58.24%	82.16%
HSB/HSV	132°	22.46%	92.55%
CMYK	22.46%	0.00%	17.80%
CMYK	7.45%

Color #B7ECC2 in popluar number systems.

HEX	B7	EC	C2
Decimal	183	236	194
Binary	10110111	11101100	11000010
Octal	267	354	302

Shades and tints

Shades of #B7ECC2

#B7ECC2
(183,236,194)

#A7D7B1
(167,215,177)

#97C2A0
(151,194,160)

#87AD8F
(135,173,143)

#77987E
(119,152,126)

#67836D
(103,131,109)

#576E5C
(87,110,92)

#47594B
(71,89,75)

#37443A
(55,68,58)

#272F29
(39,47,41)

#171A18
(23,26,24)

#000000
(0,0,0)

Tints of #B7ECC2

#B7ECC2
(183,236,194)

#BDEDC7
(189,237,199)

#C3EECC
(195,238,204)

#C9EFD1
(201,239,209)

#CFF0D6
(207,240,214)

#D5F1DB
(213,241,219)

#DBF2E0
(219,242,224)

#E1F3E5
(225,243,229)

#E7F4EA
(231,244,234)

#EDF5EF
(237,245,239)

#F3F6F4
(243,246,244)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #B7ECC2 color. Also use rgb(183,236,194) instead hex code.

Text Font Color

.myTextColor { color: #B7ECC2; }

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

This text font color is #B7ECC2.

Background Color

.myBgColor { background-color: #B7ECC2; }

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

This div background color is #B7ECC2.

Border color

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

This div border color is #B7ECC2.

Opacity

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

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

This text has shadow with #B7ECC2 color.

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

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

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

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

Div box shadow color

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

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

This div box has shadow with color #B7ECC2.