Color #51986A

Color info

#51986A contains mainly green and blue colors. Web safe color of #51986A is #669966 (or #696).

RGB color model

#51986A color RGB value is (81,152,106).

red value is 81;
green value is 152;
blue value is 106.

RGB:
(81,152,106)
(32%,60%,42%)

RGB channels and saturation

R 81 of 255 = 32%
G 152 of 255 = 60%
B 106 of 255 = 42%

152

106

R + G + B ~ 45%. #51986A is middle color (not dark and not light).

Portions of RGB colors in percentages

R + G + B =
81 + 152 + 106 = 339 (100%)
R 81 of 339 ~ 23.89%
G 152 of 339 ~ 44.84%
B 106 of 339 ~ 31.27%

%23.89

%44.84

%31.27

CMYK color model

#51986A color CMYK value is (47,0,30,40).

cyan value is 46.71%
magenta value is 0.00%
yellow value is 30.26%
key color value is 40.39%

CMYK:
(47,0,30,40)
C47M0Y30K40 
(47%,0%,30%,40%)
(0.47/0.00/0.30/0.40)

CMYK percentages

%46.71

%30.26

%40.39

Codes

Color #51986A in popluar color models

	51	98	6A
RGB	81	152	106
HSL	141°	30.47%	45.69%
HSB/HSV	141°	46.71%	59.61%
CMYK	46.71%	0.00%	30.26%
CMYK	40.39%

Color #51986A in popluar number systems.

HEX	51	98	6A
Decimal	81	152	106
Binary	1010001	10011000	1101010
Octal	121	230	152

Shades and tints

Shades of #51986A

#51986A
(81,152,106)

#4A8B61
(74,139,97)

#437E58
(67,126,88)

#3C714F
(60,113,79)

#356446
(53,100,70)

#2E573D
(46,87,61)

#274A34
(39,74,52)

#203D2B
(32,61,43)

#193022
(25,48,34)

#122319
(18,35,25)

#0B1610
(11,22,16)

#000000
(0,0,0)

Tints of #51986A

#51986A
(81,152,106)

#60A177
(96,161,119)

#6FAA84
(111,170,132)

#7EB391
(126,179,145)

#8DBC9E
(141,188,158)

#9CC5AB
(156,197,171)

#ABCEB8
(171,206,184)

#BAD7C5
(186,215,197)

#C9E0D2
(201,224,210)

#D8E9DF
(216,233,223)

#E7F2EC
(231,242,236)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #51986A color. Also use rgb(81,152,106) instead hex code.

Text Font Color

.myTextColor { color: #51986A; }

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

This text font color is #51986A.

Background Color

.myBgColor { background-color: #51986A; }

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

This div background color is #51986A.

Border color

.myBorderColor { border: 1px solid #51986A; }

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

This div border color is #51986A.

Opacity

.myOpacity80 { color: #51986A; opacity: 0.8; }

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

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

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

This text has shadow with #51986A color.

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

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

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

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

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

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

Div box shadow color

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

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

This div box has shadow with color #51986A.

Preview

Color preview on black background

This text has color #51986A on black background.

Color preview on white background

This text has color #51986A on white background.

Black color preview on #51986A background

This text has black color on #51986A background.

White color preview on #51986A background

This text has white color on #51986A background.