HEX: #F69BAD
RGB: (246,155,173)
#F69BAD contains mainly red color. Web safe color of #F69BAD is #FF9999 (or #F99).
#F69BAD color RGB value is (246,155,173).
RGB: (246,155,173) (96%,61%,68%)
R 246 of 255 = 96%
G 155 of 255 = 61%
B 173 of 255 = 68%
R + G + B ~ 75%. #F69BAD is quite light color.
R + G + B =
246 + 155 + 173 = 574 (100%)
R 246 of 574 ~ 42.86%
G 155 of 574 ~ 27%
B 173 of 574 ~ 30.14%
#F69BAD color CMYK value is (0,37,30,4).
CMYK: (0,37,30,4) C0M37Y30K4 (0%,37%,30%,4%) (0.00/0.37/0.30/0.04)
F6 | 9B | AD | |
---|---|---|---|
RGB | 246 | 155 | 173 |
HSL | 348° | 83.49% | 78.63% |
HSB/HSV | 348° | 36.99% | 96.47% |
CMYK | 0.00% | 36.99% | 29.67% |
3.53% |
HEX | F6 | 9B | AD |
Decimal | 246 | 155 | 173 |
Binary | 11110110 | 10011011 | 10101101 |
Octal | 366 | 233 | 255 |
Examples of css and html codes for elements with #F69BAD color. Also use rgb(246,155,173) instead hex code.
.myTextColor { color: #F69BAD; }
<p style="color:#F69BAD">This sample text font color is #F69BAD.</p>
This text font color is #F69BAD.
.myBgColor { background-color: #F69BAD; }
<div style="background-color:#F69BAD">Inner text</div>
This div background color is #F69BAD.
.myBorderColor { border: 1px solid #F69BAD; }
<div style="border:3px solid #F69BAD">Div</div>
This div border color is #F69BAD.
.myOpacity80 { color: #F69BAD; opacity: 0.8; }
<p style="color:#F69BAD;opacity:0.8;">80%</p>
Text with #F69BAD color and opacity 100% | 80% | 50% | 30%.
.textShadow {text-shadow: 3px 3px 1px #F69BAD;}
<p style="text-shadow: 3px 3px 1px #F69BAD">Text here.</p>
This text has shadow with #F69BAD color.
.textShadow {text-shadow: 3px 3px 1px #F69BAD, 3px 3px 1px red;}
<p style="text-shadow: 3px 3px 1px #F69BAD, 5px 5px 20px red">Text here.</p>
This text has shadow with #F69BAD primary color and red secondary color.
Styles for old Internet Explorer:
.textShadow {filter: Shadow(Color=#F69BAD, Direction=45, Strength=4)}
<p style="filter: Shadow(Color=#F69BAD, Direction=45, Strength=4)">Text</p>
This text has shadow with #F69BAD and red colors in old Internet Explorer.
/* css code */ .divShadow { -moz-box-shadow: 1px 1px 3px 2px #F69BAD; -webkit-box-shadow: 1px 1px 3px 2px #F69BAD; box-shadow: 1px 1px 3px 2px #F69BAD; } /* html code with inline style */ <div style="-moz-box-shadow: 1px 1px 3px 2px #F69BAD; -webkit-box-shadow: 1px 1px 3px 2px #F69BAD; box-shadow:1px 1px 3px 2px #F69BAD;">
Div content here</div>
This text has color #F69BAD on black background.
This text has color #F69BAD on white background.
This text has black color on #F69BAD background.
This text has white color on #F69BAD background.