HEX: #506187
RGB: (80,97,135)
#506187 contains red, green and blue colors in about the same proportion. Web safe color of #506187 is #666699 (or #669).
#506187 color RGB value is (80,97,135).
RGB: (80,97,135) (31%,38%,53%)
R 80 of 255 = 31%
G 97 of 255 = 38%
B 135 of 255 = 53%
R + G + B ~ 41%. #506187 is middle color (not dark and not light).
R + G + B =
80 + 97 + 135 = 312 (100%)
R 80 of 312 ~ 25.64%
G 97 of 312 ~ 31.09%
B 135 of 312 ~ 43.27%
#506187 color CMYK value is (41,28,0,47).
CMYK: (41,28,0,47) C41M28Y0K47 (41%,28%,0%,47%) (0.41/0.28/0.00/0.47)
50 | 61 | 87 | |
---|---|---|---|
RGB | 80 | 97 | 135 |
HSL | 221° | 25.58% | 42.16% |
HSB/HSV | 221° | 40.74% | 52.94% |
CMYK | 40.74% | 28.15% | 0.00% |
47.06% |
HEX | 50 | 61 | 87 |
Decimal | 80 | 97 | 135 |
Binary | 1010000 | 1100001 | 10000111 |
Octal | 120 | 141 | 207 |
Examples of css and html codes for elements with #506187 color. Also use rgb(80,97,135) instead hex code.
.myTextColor { color: #506187; }
<p style="color:#506187">This sample text font color is #506187.</p>
This text font color is #506187.
.myBgColor { background-color: #506187; }
<div style="background-color:#506187">Inner text</div>
This div background color is #506187.
.myBorderColor { border: 1px solid #506187; }
<div style="border:3px solid #506187">Div</div>
This div border color is #506187.
.myOpacity80 { color: #506187; opacity: 0.8; }
<p style="color:#506187;opacity:0.8;">80%</p>
Text with #506187 color and opacity 100% | 80% | 50% | 30%.
.textShadow {text-shadow: 3px 3px 1px #506187;}
<p style="text-shadow: 3px 3px 1px #506187">Text here.</p>
This text has shadow with #506187 color.
.textShadow {text-shadow: 3px 3px 1px #506187, 3px 3px 1px red;}
<p style="text-shadow: 3px 3px 1px #506187, 5px 5px 20px red">Text here.</p>
This text has shadow with #506187 primary color and red secondary color.
Styles for old Internet Explorer:
.textShadow {filter: Shadow(Color=#506187, Direction=45, Strength=4)}
<p style="filter: Shadow(Color=#506187, Direction=45, Strength=4)">Text</p>
This text has shadow with #506187 and red colors in old Internet Explorer.
/* css code */ .divShadow { -moz-box-shadow: 1px 1px 3px 2px #506187; -webkit-box-shadow: 1px 1px 3px 2px #506187; box-shadow: 1px 1px 3px 2px #506187; } /* html code with inline style */ <div style="-moz-box-shadow: 1px 1px 3px 2px #506187; -webkit-box-shadow: 1px 1px 3px 2px #506187; box-shadow:1px 1px 3px 2px #506187;">
Div content here</div>
This text has color #506187 on black background.
This text has color #506187 on white background.
This text has black color on #506187 background.
This text has white color on #506187 background.