Color #B2B51E

Color info

#B2B51E contains mainly red and green colors. Web safe color of #B2B51E is #99CC33 (or #9C3).

RGB color model

#B2B51E color RGB value is (178,181,30).

red value is 178;
green value is 181;
blue value is 30.

RGB:
(178,181,30)
(70%,71%,12%)

RGB channels and saturation

R 178 of 255 = 70%
G 181 of 255 = 71%
B 30 of 255 = 12%

178

181

R + G + B ~ 51%. #B2B51E is middle color (not dark and not light).

Portions of RGB colors in percentages

R + G + B =
178 + 181 + 30 = 389 (100%)
R 178 of 389 ~ 45.76%
G 181 of 389 ~ 46.53%
B 30 of 389 ~ 7.71%

%45.76

%46.53

CMYK color model

#B2B51E color CMYK value is (2,0,83,29).

cyan value is 1.66%
magenta value is 0.00%
yellow value is 83.43%
key color value is 29.02%

CMYK:
(2,0,83,29)
C2M0Y83K29 
(2%,0%,83%,29%)
(0.02/0.00/0.83/0.29)

CMYK percentages

%1.66

%83.43

%29.02

Codes

Color #B2B51E in popluar color models

	B2	B5	1E
RGB	178	181	30
HSL	61°	71.56%	41.37%
HSB/HSV	61°	83.43%	70.98%
CMYK	1.66%	0.00%	83.43%
CMYK	29.02%

Color #B2B51E in popluar number systems.

HEX	B2	B5	1E
Decimal	178	181	30
Binary	10110010	10110101	11110
Octal	262	265	36

Shades and tints

Shades of #B2B51E

#B2B51E
(178,181,30)

#A2A51C
(162,165,28)

#92951A
(146,149,26)

#828518
(130,133,24)

#727516
(114,117,22)

#626514
(98,101,20)

#525512
(82,85,18)

#424510
(66,69,16)

#32350E
(50,53,14)

#22250C
(34,37,12)

#12150A
(18,21,10)

#000000
(0,0,0)

Tints of #B2B51E

#B2B51E
(178,181,30)

#B9BB32
(185,187,50)

#C0C146
(192,193,70)

#C7C75A
(199,199,90)

#CECD6E
(206,205,110)

#D5D382
(213,211,130)

#DCD996
(220,217,150)

#E3DFAA
(227,223,170)

#EAE5BE
(234,229,190)

#F1EBD2
(241,235,210)

#F8F1E6
(248,241,230)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #B2B51E color. Also use rgb(178,181,30) instead hex code.

Text Font Color

.myTextColor { color: #B2B51E; }

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

This text font color is #B2B51E.

Background Color

.myBgColor { background-color: #B2B51E; }

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

This div background color is #B2B51E.

Border color

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

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

This div border color is #B2B51E.

Opacity

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

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

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

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

This text has shadow with #B2B51E color.

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

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

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

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

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

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

Div box shadow color

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

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

This div box has shadow with color #B2B51E.

Preview

Color preview on black background

This text has color #B2B51E on black background.

Color preview on white background

This text has color #B2B51E on white background.

Black color preview on #B2B51E background

This text has black color on #B2B51E background.

White color preview on #B2B51E background

This text has white color on #B2B51E background.