Color #51878E

Color info

#51878E contains mainly green and blue colors. Web safe color of #51878E is #669999 (or #699).

RGB color model

#51878E color RGB value is (81,135,142).

red value is 81;
green value is 135;
blue value is 142.

RGB: (81,135,142) (32%, 53%, 56%)

RGB channels and saturation

R 81 of 255 = 32%
G 135 of 255 = 53%
B 142 of 255 = 56%

81

135

142

R + G + B ~ 47%. #51878E is middle color (not dark and not light).

Portions of RGB colors in percentages

R + G + B = 81 + 135 + 142 = 358 (100%)
R 81 of 358 ~ 22.63%
G 135 of 358 ~ 37.71%
B 142 of 358 ~ 39.66'%

%22.63

%37.71

%39.66

CMYK color model

#51878E color CMYK value is (43,5,0,44).

cyan value is 42.96%
magenta value is 4.93%
yellow value is 0.00%
key color value is 44.31%

CMYK: (43,5,0,44)
C43M5Y0K44 (43%, 5%, 0%, 44%)
(0.43 / 0.05 / 0.00 / 0.44)

CMYK percentages

%42.96

%4.93

%0

%44.31

Codes

Color #51878E in popluar color models

	51	87	8E
RGB	81	135	142
HSL	187°	27.35%	43.73%
HSB/HSV	187°	42.96%	55.69%
CMYK	42.96%	4.93%	0.00%
CMYK	44.31%

Color #51878E in popluar number systems.

HEX	51	87	8E
Decimal	81	135	142
Binary	1010001	10000111	10001110
Octal	121	207	216

Shades and tints

Shades of #51878E

#51878E
(81,135,142)

#4A7B82
(74,123,130)

#436F76
(67,111,118)

#3C636A
(60,99,106)

#35575E
(53,87,94)

#2E4B52
(46,75,82)

#273F46
(39,63,70)

#20333A
(32,51,58)

#19272E
(25,39,46)

#121B22
(18,27,34)

#0B0F16
(11,15,22)

#000000
(0,0,0)

Tints of #51878E

#51878E
(81,135,142)

#609198
(96,145,152)

#6F9BA2
(111,155,162)

#7EA5AC
(126,165,172)

#8DAFB6
(141,175,182)

#9CB9C0
(156,185,192)

#ABC3CA
(171,195,202)

#BACDD4
(186,205,212)

#C9D7DE
(201,215,222)

#D8E1E8
(216,225,232)

#E7EBF2
(231,235,242)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #51878E color. Also use rgb(81,135,142) instead hex code.

Text Font Color

.myTextColor { color: #51878E; }

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

This text font color is #51878E.

Background Color

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

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

This div background color is #51878E.

Border color

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

This div border color is #51878E.

Opacity

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

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

This text has shadow with #51878E color.

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

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

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

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

Div box shadow color

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

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

This div box has shadow with color #51878E.