Color #B1D394

Color info

#B1D394 contains mainly red and green colors. Web safe color of #B1D394 is #99CC99 (or #9C9).

RGB color model

#B1D394 color RGB value is (177,211,148).

red value is 177;
green value is 211;
blue value is 148.

RGB: (177,211,148) (69%, 83%, 58%)

RGB channels and saturation

R 177 of 255 = 69%
G 211 of 255 = 83%
B 148 of 255 = 58%

177

211

148

R + G + B ~ 70%. #B1D394 is quite light color.

Portions of RGB colors in percentages

R + G + B = 177 + 211 + 148 = 536 (100%)
R 177 of 536 ~ 33.02%
G 211 of 536 ~ 39.37%
B 148 of 536 ~ 27.61'%

%33.02

%39.37

%27.61

CMYK color model

#B1D394 color CMYK value is (16,0,30,17).

cyan value is 16.11%
magenta value is 0.00%
yellow value is 29.86%
key color value is 17.25%

CMYK: (16,0,30,17)
C16M0Y30K17 (16%, 0%, 30%, 17%)
(0.16 / 0.00 / 0.30 / 0.17)

CMYK percentages

%16.11

%0

%29.86

%17.25

Codes

Color #B1D394 in popluar color models

	B1	D3	94
RGB	177	211	148
HSL	92°	41.72%	70.39%
HSB/HSV	92°	29.86%	82.75%
CMYK	16.11%	0.00%	29.86%
CMYK	17.25%

Color #B1D394 in popluar number systems.

HEX	B1	D3	94
Decimal	177	211	148
Binary	10110001	11010011	10010100
Octal	261	323	224

Shades and tints

Shades of #B1D394

#B1D394
(177,211,148)

#A1C087
(161,192,135)

#91AD7A
(145,173,122)

#819A6D
(129,154,109)

#718760
(113,135,96)

#617453
(97,116,83)

#516146
(81,97,70)

#414E39
(65,78,57)

#313B2C
(49,59,44)

#21281F
(33,40,31)

#111512
(17,21,18)

#000000
(0,0,0)

Tints of #B1D394

#B1D394
(177,211,148)

#B8D79D
(184,215,157)

#BFDBA6
(191,219,166)

#C6DFAF
(198,223,175)

#CDE3B8
(205,227,184)

#D4E7C1
(212,231,193)

#DBEBCA
(219,235,202)

#E2EFD3
(226,239,211)

#E9F3DC
(233,243,220)

#F0F7E5
(240,247,229)

#F7FBEE
(247,251,238)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #B1D394 color. Also use rgb(177,211,148) instead hex code.

Text Font Color

.myTextColor { color: #B1D394; }

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

This text font color is #B1D394.

Background Color

.myBgColor { background-color: #B1D394; }

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

This div background color is #B1D394.

Border color

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

This div border color is #B1D394.

Opacity

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

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

This text has shadow with #B1D394 color.

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

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

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

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

Div box shadow color

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

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

This div box has shadow with color #B1D394.