HEX: #E2F6CA RGB: (226,246,202)
#E2F6CA contains red, green and blue colors in about the same proportion. Web safe color of #E2F6CA is #CCFFCC (or #CFC).
#E2F6CA color RGB value is (226,246,202).
RGB: (226,246,202) (89%, 96%, 79%)
R 226 of 255 = 89%
G 246 of 255 = 96%
B 202 of 255 = 79%
R + G + B ~ 88%. #E2F6CA is light color.
R + G + B = 226 + 246 + 202 = 674 (100%)
R 226 of 674 ~ 33.53%
G 246 of 674 ~ 36.5%
B 202 of 674 ~ 29.97'%
#E2F6CA color CMYK value is (8,0,18,4).
CMYK: (8,0,18,4) C8M0Y18K4 (8%,0%,18%,4%) (0.08/0.00/0.18/0.04)
Color #E2F6CA in popluar color models
| E2 | F6 | CA | |
|---|---|---|---|
| RGB | 226 | 246 | 202 |
| HSL | 87° | 70.97% | 87.84% |
| HSB/HSV | 87° | 17.89% | 96.47% |
| CMYK | 8.13% | 0.00% | 17.89% |
| 3.53% | |||
Color #E2F6CA in popluar number systems.
| HEX | E2 | F6 | CA |
| Decimal | 226 | 246 | 202 |
| Binary | 11100010 | 11110110 | 11001010 |
| Octal | 342 | 366 | 312 |
Shades of #E2F6CA
Tints of #E2F6CA
Examples of css and html codes for elements with #E2F6CA color. Also use rgb(226,246,202) instead hex code.
.myTextColor { color: #E2F6CA; } <p style="color:#E2F6CA">This sample text font color is #E2F6CA.</p>
This text font color is #E2F6CA.
.myBgColor { background-color: #E2F6CA; } <div style="background-color:#E2F6CA">Inner text</div>
This div background color is #E2F6CA.
.myBorderColor { border: 1px solid #E2F6CA; } <div style="border:3px solid #E2F6CA">Div</div>
This div border color is #E2F6CA.
.myOpacity80 { color: #E2F6CA; opacity: 0.8; } <p style="color:#E2F6CA;opacity:0.8;">80%</p>
Text with #E2F6CA color and opacity 100% | 80% | 50% | 30%.
.textShadow {text-shadow: 3px 3px 1px #E2F6CA;} <p style="text-shadow: 3px 3px 1px #E2F6CA">Text here.</p>
This text has shadow with #E2F6CA color.
.textShadow {text-shadow: 3px 3px 1px #E2F6CA', 3px 3px 1px red;} <p style="text-shadow: 3px 3px 1px #E2F6CA, 5px 5px 20px red">Text here.</p>
This text has shadow with #E2F6CA primary color and red secondary color.
Styles for old Internet Explorer:
.textShadow {filter: Shadow(Color=#E2F6CA, Direction=45, Strength=4)}
<p style="filter: Shadow(Color=#E2F6CA, Direction=45, Strength=4)">Text</p>
This text has shadow with #E2F6CA and red colors in old Internet Explorer.
/* css code */
.divShadow
{
-moz-box-shadow: 1px 1px 3px 2px #E2F6CA;
-webkit-box-shadow: 1px 1px 3px 2px #E2F6CA;
box-shadow: 1px 1px 3px 2px #E2F6CA;
}
/* html code with inline style */
<div style="-moz-box-shadow: 1px 1px 3px 2px #E2F6CA; -webkit-box-shadow: 1px 1px 3px 2px #E2F6CA; box-shadow:1px 1px 3px 2px #E2F6CA;">
Div content here
</div>
This text has color #E2F6CA on black background.
This text has color #E2F6CA on white background.
This text has black color on #E2F6CA background.
This text has white color on #E2F6CA background.
Complementary color for #hex is #1D0935.