HEX: #309EC9
RGB: (48,158,201)
#309EC9 contains mainly green and blue colors. Web safe color of #309EC9 is #3399CC (or #39C).
#309EC9 color RGB value is (48,158,201).
RGB: (48,158,201) (19%,62%,79%)
R 48 of 255 = 19%
G 158 of 255 = 62%
B 201 of 255 = 79%
R + G + B ~ 53%. #309EC9 is middle color (not dark and not light).
R + G + B =
48 + 158 + 201 = 407 (100%)
R 48 of 407 ~ 11.79%
G 158 of 407 ~ 38.82%
B 201 of 407 ~ 49.39%
#309EC9 color CMYK value is (76,21,0,21).
CMYK: (76,21,0,21) C76M21Y0K21 (76%,21%,0%,21%) (0.76/0.21/0.00/0.21)
30 | 9E | C9 | |
---|---|---|---|
RGB | 48 | 158 | 201 |
HSL | 197° | 61.45% | 48.82% |
HSB/HSV | 197° | 76.12% | 78.82% |
CMYK | 76.12% | 21.39% | 0.00% |
21.18% |
HEX | 30 | 9E | C9 |
Decimal | 48 | 158 | 201 |
Binary | 110000 | 10011110 | 11001001 |
Octal | 60 | 236 | 311 |
Examples of css and html codes for elements with #309EC9 color. Also use rgb(48,158,201) instead hex code.
.myTextColor { color: #309EC9; }
<p style="color:#309EC9">This sample text font color is #309EC9.</p>
This text font color is #309EC9.
.myBgColor { background-color: #309EC9; }
<div style="background-color:#309EC9">Inner text</div>
This div background color is #309EC9.
.myBorderColor { border: 1px solid #309EC9; }
<div style="border:3px solid #309EC9">Div</div>
This div border color is #309EC9.
.myOpacity80 { color: #309EC9; opacity: 0.8; }
<p style="color:#309EC9;opacity:0.8;">80%</p>
Text with #309EC9 color and opacity 100% | 80% | 50% | 30%.
.textShadow {text-shadow: 3px 3px 1px #309EC9;}
<p style="text-shadow: 3px 3px 1px #309EC9">Text here.</p>
This text has shadow with #309EC9 color.
.textShadow {text-shadow: 3px 3px 1px #309EC9, 3px 3px 1px red;}
<p style="text-shadow: 3px 3px 1px #309EC9, 5px 5px 20px red">Text here.</p>
This text has shadow with #309EC9 primary color and red secondary color.
Styles for old Internet Explorer:
.textShadow {filter: Shadow(Color=#309EC9, Direction=45, Strength=4)}
<p style="filter: Shadow(Color=#309EC9, Direction=45, Strength=4)">Text</p>
This text has shadow with #309EC9 and red colors in old Internet Explorer.
/* css code */ .divShadow { -moz-box-shadow: 1px 1px 3px 2px #309EC9; -webkit-box-shadow: 1px 1px 3px 2px #309EC9; box-shadow: 1px 1px 3px 2px #309EC9; } /* html code with inline style */ <div style="-moz-box-shadow: 1px 1px 3px 2px #309EC9; -webkit-box-shadow: 1px 1px 3px 2px #309EC9; box-shadow:1px 1px 3px 2px #309EC9;">
Div content here</div>
This text has color #309EC9 on black background.
This text has color #309EC9 on white background.
This text has black color on #309EC9 background.
This text has white color on #309EC9 background.