HEX: #FCC12C
RGB: (252,193,44)
#FCC12C contains mainly red and green colors. Web safe color of #FCC12C is #FFCC33 (or #FC3).
#FCC12C color RGB value is (252,193,44).
RGB: (252,193,44) (99%,76%,17%)
R 252 of 255 = 99%
G 193 of 255 = 76%
B 44 of 255 = 17%
R + G + B ~ 64%. #FCC12C is quite light color.
R + G + B =
252 + 193 + 44 = 489 (100%)
R 252 of 489 ~ 51.53%
G 193 of 489 ~ 39.47%
B 44 of 489 ~ 9%
#FCC12C color CMYK value is (0,23,83,1).
CMYK: (0,23,83,1) C0M23Y83K1 (0%,23%,83%,1%) (0.00/0.23/0.83/0.01)
FC | C1 | 2C | |
---|---|---|---|
RGB | 252 | 193 | 44 |
HSL | 43° | 97.20% | 58.04% |
HSB/HSV | 43° | 82.54% | 98.82% |
CMYK | 0.00% | 23.41% | 82.54% |
1.18% |
HEX | FC | C1 | 2C |
Decimal | 252 | 193 | 44 |
Binary | 11111100 | 11000001 | 101100 |
Octal | 374 | 301 | 54 |
Examples of css and html codes for elements with #FCC12C color. Also use rgb(252,193,44) instead hex code.
.myTextColor { color: #FCC12C; }
<p style="color:#FCC12C">This sample text font color is #FCC12C.</p>
This text font color is #FCC12C.
.myBgColor { background-color: #FCC12C; }
<div style="background-color:#FCC12C">Inner text</div>
This div background color is #FCC12C.
.myBorderColor { border: 1px solid #FCC12C; }
<div style="border:3px solid #FCC12C">Div</div>
This div border color is #FCC12C.
.myOpacity80 { color: #FCC12C; opacity: 0.8; }
<p style="color:#FCC12C;opacity:0.8;">80%</p>
Text with #FCC12C color and opacity 100% | 80% | 50% | 30%.
.textShadow {text-shadow: 3px 3px 1px #FCC12C;}
<p style="text-shadow: 3px 3px 1px #FCC12C">Text here.</p>
This text has shadow with #FCC12C color.
.textShadow {text-shadow: 3px 3px 1px #FCC12C, 3px 3px 1px red;}
<p style="text-shadow: 3px 3px 1px #FCC12C, 5px 5px 20px red">Text here.</p>
This text has shadow with #FCC12C primary color and red secondary color.
Styles for old Internet Explorer:
.textShadow {filter: Shadow(Color=#FCC12C, Direction=45, Strength=4)}
<p style="filter: Shadow(Color=#FCC12C, Direction=45, Strength=4)">Text</p>
This text has shadow with #FCC12C and red colors in old Internet Explorer.
/* css code */ .divShadow { -moz-box-shadow: 1px 1px 3px 2px #FCC12C; -webkit-box-shadow: 1px 1px 3px 2px #FCC12C; box-shadow: 1px 1px 3px 2px #FCC12C; } /* html code with inline style */ <div style="-moz-box-shadow: 1px 1px 3px 2px #FCC12C; -webkit-box-shadow: 1px 1px 3px 2px #FCC12C; box-shadow:1px 1px 3px 2px #FCC12C;">
Div content here</div>
This text has color #FCC12C on black background.
This text has color #FCC12C on white background.
This text has black color on #FCC12C background.
This text has white color on #FCC12C background.