HEX: #698EDB
RGB: (105,142,219)
#698EDB contains mainly blue color. Web safe color of #698EDB is #6699CC (or #69C).
#698EDB color RGB value is (105,142,219).
RGB: (105,142,219) (41%,56%,86%)
R 105 of 255 = 41%
G 142 of 255 = 56%
B 219 of 255 = 86%
R + G + B ~ 61%. #698EDB is quite light color.
R + G + B =
105 + 142 + 219 = 466 (100%)
R 105 of 466 ~ 22.53%
G 142 of 466 ~ 30.47%
B 219 of 466 ~ 47%
#698EDB color CMYK value is (52,35,0,14).
CMYK: (52,35,0,14) C52M35Y0K14 (52%,35%,0%,14%) (0.52/0.35/0.00/0.14)
69 | 8E | DB | |
---|---|---|---|
RGB | 105 | 142 | 219 |
HSL | 221° | 61.29% | 63.53% |
HSB/HSV | 221° | 52.05% | 85.88% |
CMYK | 52.05% | 35.16% | 0.00% |
14.12% |
HEX | 69 | 8E | DB |
Decimal | 105 | 142 | 219 |
Binary | 1101001 | 10001110 | 11011011 |
Octal | 151 | 216 | 333 |
Examples of css and html codes for elements with #698EDB color. Also use rgb(105,142,219) instead hex code.
.myTextColor { color: #698EDB; }
<p style="color:#698EDB">This sample text font color is #698EDB.</p>
This text font color is #698EDB.
.myBgColor { background-color: #698EDB; }
<div style="background-color:#698EDB">Inner text</div>
This div background color is #698EDB.
.myBorderColor { border: 1px solid #698EDB; }
<div style="border:3px solid #698EDB">Div</div>
This div border color is #698EDB.
.myOpacity80 { color: #698EDB; opacity: 0.8; }
<p style="color:#698EDB;opacity:0.8;">80%</p>
Text with #698EDB color and opacity 100% | 80% | 50% | 30%.
.textShadow {text-shadow: 3px 3px 1px #698EDB;}
<p style="text-shadow: 3px 3px 1px #698EDB">Text here.</p>
This text has shadow with #698EDB color.
.textShadow {text-shadow: 3px 3px 1px #698EDB, 3px 3px 1px red;}
<p style="text-shadow: 3px 3px 1px #698EDB, 5px 5px 20px red">Text here.</p>
This text has shadow with #698EDB primary color and red secondary color.
Styles for old Internet Explorer:
.textShadow {filter: Shadow(Color=#698EDB, Direction=45, Strength=4)}
<p style="filter: Shadow(Color=#698EDB, Direction=45, Strength=4)">Text</p>
This text has shadow with #698EDB and red colors in old Internet Explorer.
/* css code */ .divShadow { -moz-box-shadow: 1px 1px 3px 2px #698EDB; -webkit-box-shadow: 1px 1px 3px 2px #698EDB; box-shadow: 1px 1px 3px 2px #698EDB; } /* html code with inline style */ <div style="-moz-box-shadow: 1px 1px 3px 2px #698EDB; -webkit-box-shadow: 1px 1px 3px 2px #698EDB; box-shadow:1px 1px 3px 2px #698EDB;">
Div content here</div>
This text has color #698EDB on black background.
This text has color #698EDB on white background.
This text has black color on #698EDB background.
This text has white color on #698EDB background.