Color #52982E

Color info

#52982E contains mainly green color. Web safe color of #52982E is #669933 (or #693).

RGB color model

#52982E color RGB value is (82,152,46).

red value is 82;
green value is 152;
blue value is 46.

RGB:
(82,152,46)
(32%,60%,18%)

RGB channels and saturation

R 82 of 255 = 32%
G 152 of 255 = 60%
B 46 of 255 = 18%

152

R + G + B ~ 37%. #52982E is quite dark color.

Portions of RGB colors in percentages

R + G + B =
82 + 152 + 46 = 280 (100%)
R 82 of 280 ~ 29.29%
G 152 of 280 ~ 54.29%
B 46 of 280 ~ 16.43%

%29.29

%54.29

%16.43

CMYK color model

#52982E color CMYK value is (46,0,70,40).

cyan value is 46.05%
magenta value is 0.00%
yellow value is 69.74%
key color value is 40.39%

CMYK:
(46,0,70,40)
C46M0Y70K40 
(46%,0%,70%,40%)
(0.46/0.00/0.70/0.40)

CMYK percentages

%46.05

%69.74

%40.39

Codes

Color #52982E in popluar color models

	52	98	2E
RGB	82	152	46
HSL	100°	53.54%	38.82%
HSB/HSV	100°	69.74%	59.61%
CMYK	46.05%	0.00%	69.74%
CMYK	40.39%

Color #52982E in popluar number systems.

HEX	52	98	2E
Decimal	82	152	46
Binary	1010010	10011000	101110
Octal	122	230	56

Shades and tints

Shades of #52982E

#52982E
(82,152,46)

#4B8B2A
(75,139,42)

#447E26
(68,126,38)

#3D7122
(61,113,34)

#36641E
(54,100,30)

#2F571A
(47,87,26)

#284A16
(40,74,22)

#213D12
(33,61,18)

#1A300E
(26,48,14)

#13230A
(19,35,10)

#0C1606
(12,22,6)

#000000
(0,0,0)

Tints of #52982E

#52982E
(82,152,46)

#61A141
(97,161,65)

#70AA54
(112,170,84)

#7FB367
(127,179,103)

#8EBC7A
(142,188,122)

#9DC58D
(157,197,141)

#ACCEA0
(172,206,160)

#BBD7B3
(187,215,179)

#CAE0C6
(202,224,198)

#D9E9D9
(217,233,217)

#E8F2EC
(232,242,236)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #52982E color. Also use rgb(82,152,46) instead hex code.

Text Font Color

.myTextColor { color: #52982E; }

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

This text font color is #52982E.

Background Color

.myBgColor { background-color: #52982E; }

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

This div background color is #52982E.

Border color

.myBorderColor { border: 1px solid #52982E; }

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

This div border color is #52982E.

Opacity

.myOpacity80 { color: #52982E; opacity: 0.8; }

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

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

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

This text has shadow with #52982E color.

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

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

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

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

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

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

Div box shadow color

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

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

This div box has shadow with color #52982E.

Preview

Color preview on black background

This text has color #52982E on black background.

Color preview on white background

This text has color #52982E on white background.

Black color preview on #52982E background

This text has black color on #52982E background.

White color preview on #52982E background

This text has white color on #52982E background.