Color #51C798

Color info

#51C798 contains mainly green and blue colors. Web safe color of #51C798 is #66CC99 (or #6C9).

RGB color model

#51C798 color RGB value is (81,199,152).

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

RGB:
(81,199,152)
(32%,78%,60%)

RGB channels and saturation

R 81 of 255 = 32%
G 199 of 255 = 78%
B 152 of 255 = 60%

199

152

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

Portions of RGB colors in percentages

R + G + B =
81 + 199 + 152 = 432 (100%)
R 81 of 432 ~ 18.75%
G 199 of 432 ~ 46.06%
B 152 of 432 ~ 35.19%

%18.75

%46.06

%35.19

CMYK color model

#51C798 color CMYK value is (59,0,24,22).

cyan value is 59.30%
magenta value is 0.00%
yellow value is 23.62%
key color value is 21.96%

CMYK:
(59,0,24,22)
C59M0Y24K22 
(59%,0%,24%,22%)
(0.59/0.00/0.24/0.22)

CMYK percentages

%59.3

%23.62

%21.96

Codes

Color #51C798 in popluar color models

	51	C7	98
RGB	81	199	152
HSL	156°	51.30%	54.90%
HSB/HSV	156°	59.30%	78.04%
CMYK	59.30%	0.00%	23.62%
CMYK	21.96%

Color #51C798 in popluar number systems.

HEX	51	C7	98
Decimal	81	199	152
Binary	1010001	11000111	10011000
Octal	121	307	230

Shades and tints

Shades of #51C798

#51C798
(81,199,152)

#4AB58B
(74,181,139)

#43A37E
(67,163,126)

#3C9171
(60,145,113)

#357F64
(53,127,100)

#2E6D57
(46,109,87)

#275B4A
(39,91,74)

#20493D
(32,73,61)

#193730
(25,55,48)

#122523
(18,37,35)

#0B1316
(11,19,22)

#000000
(0,0,0)

Tints of #51C798

#51C798
(81,199,152)

#60CCA1
(96,204,161)

#6FD1AA
(111,209,170)

#7ED6B3
(126,214,179)

#8DDBBC
(141,219,188)

#9CE0C5
(156,224,197)

#ABE5CE
(171,229,206)

#BAEAD7
(186,234,215)

#C9EFE0
(201,239,224)

#D8F4E9
(216,244,233)

#E7F9F2
(231,249,242)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #51C798 color. Also use rgb(81,199,152) instead hex code.

Text Font Color

.myTextColor { color: #51C798; }

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

This text font color is #51C798.

Background Color

.myBgColor { background-color: #51C798; }

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

This div background color is #51C798.

Border color

.myBorderColor { border: 1px solid #51C798; }

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

This div border color is #51C798.

Opacity

.myOpacity80 { color: #51C798; opacity: 0.8; }

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

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

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

This text has shadow with #51C798 color.

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

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

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

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

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

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

Div box shadow color

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

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

This div box has shadow with color #51C798.

Preview

Color preview on black background

This text has color #51C798 on black background.

Color preview on white background

This text has color #51C798 on white background.

Black color preview on #51C798 background

This text has black color on #51C798 background.

White color preview on #51C798 background

This text has white color on #51C798 background.