HEX: #677CD4
RGB: (103,124,212)
#677CD4 contains mainly blue color. Web safe color of #677CD4 is #6666CC (or #66C).
#677CD4 color RGB value is (103,124,212).
RGB: (103,124,212) (40%,49%,83%)
R 103 of 255 = 40%
G 124 of 255 = 49%
B 212 of 255 = 83%
R + G + B ~ 57%. #677CD4 is middle color (not dark and not light).
R + G + B =
103 + 124 + 212 = 439 (100%)
R 103 of 439 ~ 23.46%
G 124 of 439 ~ 28.25%
B 212 of 439 ~ 48.29%
#677CD4 color CMYK value is (51,42,0,17).
CMYK: (51,42,0,17) C51M42Y0K17 (51%,42%,0%,17%) (0.51/0.42/0.00/0.17)
67 | 7C | D4 | |
---|---|---|---|
RGB | 103 | 124 | 212 |
HSL | 228° | 55.90% | 61.76% |
HSB/HSV | 228° | 51.42% | 83.14% |
CMYK | 51.42% | 41.51% | 0.00% |
16.86% |
HEX | 67 | 7C | D4 |
Decimal | 103 | 124 | 212 |
Binary | 1100111 | 1111100 | 11010100 |
Octal | 147 | 174 | 324 |
Examples of css and html codes for elements with #677CD4 color. Also use rgb(103,124,212) instead hex code.
.myTextColor { color: #677CD4; }
<p style="color:#677CD4">This sample text font color is #677CD4.</p>
This text font color is #677CD4.
.myBgColor { background-color: #677CD4; }
<div style="background-color:#677CD4">Inner text</div>
This div background color is #677CD4.
.myBorderColor { border: 1px solid #677CD4; }
<div style="border:3px solid #677CD4">Div</div>
This div border color is #677CD4.
.myOpacity80 { color: #677CD4; opacity: 0.8; }
<p style="color:#677CD4;opacity:0.8;">80%</p>
Text with #677CD4 color and opacity 100% | 80% | 50% | 30%.
.textShadow {text-shadow: 3px 3px 1px #677CD4;}
<p style="text-shadow: 3px 3px 1px #677CD4">Text here.</p>
This text has shadow with #677CD4 color.
.textShadow {text-shadow: 3px 3px 1px #677CD4, 3px 3px 1px red;}
<p style="text-shadow: 3px 3px 1px #677CD4, 5px 5px 20px red">Text here.</p>
This text has shadow with #677CD4 primary color and red secondary color.
Styles for old Internet Explorer:
.textShadow {filter: Shadow(Color=#677CD4, Direction=45, Strength=4)}
<p style="filter: Shadow(Color=#677CD4, Direction=45, Strength=4)">Text</p>
This text has shadow with #677CD4 and red colors in old Internet Explorer.
/* css code */ .divShadow { -moz-box-shadow: 1px 1px 3px 2px #677CD4; -webkit-box-shadow: 1px 1px 3px 2px #677CD4; box-shadow: 1px 1px 3px 2px #677CD4; } /* html code with inline style */ <div style="-moz-box-shadow: 1px 1px 3px 2px #677CD4; -webkit-box-shadow: 1px 1px 3px 2px #677CD4; box-shadow:1px 1px 3px 2px #677CD4;">
Div content here</div>
This text has color #677CD4 on black background.
This text has color #677CD4 on white background.
This text has black color on #677CD4 background.
This text has white color on #677CD4 background.