COLOR #B3E174

HEX: #B3E174
RGB: (179,225,116)

Color info

#B3E174 contains mainly red and green colors. Web safe color of #B3E174 is #99CC66 (or #9C6).

RGB color model

#B3E174 color RGB value is (179,225,116).

  • red value is 179;
  • green value is 225;
  • blue value is 116.
RGB:
(179,225,116)
(70%,88%,45%)

RGB channels and saturation

R 179 of 255 = 70%
G 225 of 255 = 88%
B 116 of 255 = 45%

179
225
116

R + G + B ~ 68%. #B3E174 is quite light color.

Portions of RGB colors in percentages

R + G + B =
179 + 225 + 116 = 520 (100%)
R 179 of 520 ~ 34.42%
G 225 of 520 ~ 43.27%
B 116 of 520 ~ 22.31%

%34.42
%43.27
%22.31

CMYK color model

#B3E174 color CMYK value is (20,0,48,12).

  • cyan value is 20.44%
  • magenta value is 0.00%
  • yellow value is 48.44%
  • key color value is 11.76%
CMYK:
(20,0,48,12)
C20M0Y48K12 
(20%,0%,48%,12%)
(0.20/0.00/0.48/0.12)	

CMYK percentages

%20.44
%0
%48.44
%11.76

Codes

Color #B3E174 in popluar color models

B3E174
RGB179225116
HSL85°64.50%66.86%
HSB/HSV85°48.44%88.24%
CMYK20.44%0.00%48.44%
11.76%

Color #B3E174 in popluar number systems.

HEXB3E174
Decimal179225116
Binary10110011111000011110100
Octal263341164

Shades and tints

Shades of #B3E174

#B3E174
(179,225,116)
#A3CD6A
(163,205,106)
#93B960
(147,185,96)
#83A556
(131,165,86)
#73914C
(115,145,76)
#637D42
(99,125,66)
#536938
(83,105,56)
#43552E
(67,85,46)
#334124
(51,65,36)
#232D1A
(35,45,26)
#131910
(19,25,16)
#000000
(0,0,0)

Tints of #B3E174

#B3E174
(179,225,116)
#B9E380
(185,227,128)
#BFE58C
(191,229,140)
#C5E798
(197,231,152)
#CBE9A4
(203,233,164)
#D1EBB0
(209,235,176)
#D7EDBC
(215,237,188)
#DDEFC8
(221,239,200)
#E3F1D4
(227,241,212)
#E9F3E0
(233,243,224)
#EFF5EC
(239,245,236)
#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #B3E174 color. Also use rgb(179,225,116) instead hex code.

Text Font Color

.myTextColor { color: #B3E174; }

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

This text font color is #B3E174.


Background Color

.myBgColor { background-color: #B3E174; }

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

This div background color is #B3E174.


Border color

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

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

This div border color is #B3E174.


Opacity

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

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

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

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

This text has shadow with #B3E174 color.

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

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

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


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

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

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


Div box shadow color

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

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

Preview

Color preview on black background

This text has color #B3E174 on black background.


Color preview on white background

This text has color #B3E174 on white background.



Black color preview on #B3E174 background

This text has black color on #B3E174 background.


White color preview on #B3E174 background

This text has white color on #B3E174 background.