HEX: #F61A5D RGB: (246,26,93)
#F61A5D contains mainly red color. Web safe color of #F61A5D is #FF0066 (or #F06).
#F61A5D color RGB value is (246,26,93).
RGB: (246,26,93) (96%, 10%, 36%)
R 246 of 255 = 96%
G 26 of 255 = 10%
B 93 of 255 = 36%
R + G + B ~ 47%. #F61A5D is middle color (not dark and not light).
R + G + B = 246 + 26 + 93 = 365 (100%)
R 246 of 365 ~ 67.4%
G 26 of 365 ~ 7.12%
B 93 of 365 ~ 25.48'%
#F61A5D color CMYK value is (0,89,62,4).
CMYK: (0,89,62,4) C0M89Y62K4 (0%,89%,62%,4%) (0.00/0.89/0.62/0.04)
Color #F61A5D in popluar color models
| F6 | 1A | 5D | |
|---|---|---|---|
| RGB | 246 | 26 | 93 |
| HSL | 342° | 92.44% | 53.33% |
| HSB/HSV | 342° | 89.43% | 96.47% |
| CMYK | 0.00% | 89.43% | 62.20% |
| 3.53% | |||
Color #F61A5D in popluar number systems.
| HEX | F6 | 1A | 5D |
| Decimal | 246 | 26 | 93 |
| Binary | 11110110 | 11010 | 1011101 |
| Octal | 366 | 32 | 135 |
Shades of #F61A5D
Tints of #F61A5D
Examples of css and html codes for elements with #F61A5D color. Also use rgb(246,26,93) instead hex code.
.myTextColor { color: #F61A5D; } <p style="color:#F61A5D">This sample text font color is #F61A5D.</p>
This text font color is #F61A5D.
.myBgColor { background-color: #F61A5D; } <div style="background-color:#F61A5D">Inner text</div>
This div background color is #F61A5D.
.myBorderColor { border: 1px solid #F61A5D; } <div style="border:3px solid #F61A5D">Div</div>
This div border color is #F61A5D.
.myOpacity80 { color: #F61A5D; opacity: 0.8; } <p style="color:#F61A5D;opacity:0.8;">80%</p>
Text with #F61A5D color and opacity 100% | 80% | 50% | 30%.
.textShadow {text-shadow: 3px 3px 1px #F61A5D;} <p style="text-shadow: 3px 3px 1px #F61A5D">Text here.</p>
This text has shadow with #F61A5D color.
.textShadow {text-shadow: 3px 3px 1px #F61A5D', 3px 3px 1px red;} <p style="text-shadow: 3px 3px 1px #F61A5D, 5px 5px 20px red">Text here.</p>
This text has shadow with #F61A5D primary color and red secondary color.
Styles for old Internet Explorer:
.textShadow {filter: Shadow(Color=#F61A5D, Direction=45, Strength=4)}
<p style="filter: Shadow(Color=#F61A5D, Direction=45, Strength=4)">Text</p>
This text has shadow with #F61A5D and red colors in old Internet Explorer.
/* css code */
.divShadow
{
-moz-box-shadow: 1px 1px 3px 2px #F61A5D;
-webkit-box-shadow: 1px 1px 3px 2px #F61A5D;
box-shadow: 1px 1px 3px 2px #F61A5D;
}
/* html code with inline style */
<div style="-moz-box-shadow: 1px 1px 3px 2px #F61A5D; -webkit-box-shadow: 1px 1px 3px 2px #F61A5D; box-shadow:1px 1px 3px 2px #F61A5D;">
Div content here
</div>
This text has color #F61A5D on black background.
This text has color #F61A5D on white background.
This text has black color on #F61A5D background.
This text has white color on #F61A5D background.
Complementary color for #hex is #09E5A2.