HEX: #F0581B
RGB: (240,88,27)
#F0581B contains mainly red color. Web safe color of #F0581B is #FF6633 (or #F63).
#F0581B color RGB value is (240,88,27).
RGB: (240,88,27) (94%,35%,11%)
R 240 of 255 = 94%
G 88 of 255 = 35%
B 27 of 255 = 11%
R + G + B ~ 47%. #F0581B is middle color (not dark and not light).
R + G + B =
240 + 88 + 27 = 355 (100%)
R 240 of 355 ~ 67.61%
G 88 of 355 ~ 24.79%
B 27 of 355 ~ 7.61%
#F0581B color CMYK value is (0,63,89,6).
CMYK: (0,63,89,6) C0M63Y89K6 (0%,63%,89%,6%) (0.00/0.63/0.89/0.06)
F0 | 58 | 1B | |
---|---|---|---|
RGB | 240 | 88 | 27 |
HSL | 17° | 87.65% | 52.35% |
HSB/HSV | 17° | 88.75% | 94.12% |
CMYK | 0.00% | 63.33% | 88.75% |
5.88% |
HEX | F0 | 58 | 1B |
Decimal | 240 | 88 | 27 |
Binary | 11110000 | 1011000 | 11011 |
Octal | 360 | 130 | 33 |
Examples of css and html codes for elements with #F0581B color. Also use rgb(240,88,27) instead hex code.
.myTextColor { color: #F0581B; }
<p style="color:#F0581B">This sample text font color is #F0581B.</p>
This text font color is #F0581B.
.myBgColor { background-color: #F0581B; }
<div style="background-color:#F0581B">Inner text</div>
This div background color is #F0581B.
.myBorderColor { border: 1px solid #F0581B; }
<div style="border:3px solid #F0581B">Div</div>
This div border color is #F0581B.
.myOpacity80 { color: #F0581B; opacity: 0.8; }
<p style="color:#F0581B;opacity:0.8;">80%</p>
Text with #F0581B color and opacity 100% | 80% | 50% | 30%.
.textShadow {text-shadow: 3px 3px 1px #F0581B;}
<p style="text-shadow: 3px 3px 1px #F0581B">Text here.</p>
This text has shadow with #F0581B color.
.textShadow {text-shadow: 3px 3px 1px #F0581B, 3px 3px 1px red;}
<p style="text-shadow: 3px 3px 1px #F0581B, 5px 5px 20px red">Text here.</p>
This text has shadow with #F0581B primary color and red secondary color.
Styles for old Internet Explorer:
.textShadow {filter: Shadow(Color=#F0581B, Direction=45, Strength=4)}
<p style="filter: Shadow(Color=#F0581B, Direction=45, Strength=4)">Text</p>
This text has shadow with #F0581B and red colors in old Internet Explorer.
/* css code */ .divShadow { -moz-box-shadow: 1px 1px 3px 2px #F0581B; -webkit-box-shadow: 1px 1px 3px 2px #F0581B; box-shadow: 1px 1px 3px 2px #F0581B; } /* html code with inline style */ <div style="-moz-box-shadow: 1px 1px 3px 2px #F0581B; -webkit-box-shadow: 1px 1px 3px 2px #F0581B; box-shadow:1px 1px 3px 2px #F0581B;">
Div content here</div>
This text has color #F0581B on black background.
This text has color #F0581B on white background.
This text has black color on #F0581B background.
This text has white color on #F0581B background.