COLOR #E2F166

HEX: #E2F166
RGB: (226,241,102)

Color info

#E2F166 contains mainly red and green colors. Web safe color of #E2F166 is #CCFF66 (or #CF6).

RGB color model

#E2F166 color RGB value is (226,241,102).

  • red value is 226;
  • green value is 241;
  • blue value is 102.
RGB:
(226,241,102)
(89%,95%,40%)

RGB channels and saturation

R 226 of 255 = 89%
G 241 of 255 = 95%
B 102 of 255 = 40%

226
241
102

R + G + B ~ 75%. #E2F166 is quite light color.

Portions of RGB colors in percentages

R + G + B =
226 + 241 + 102 = 569 (100%)
R 226 of 569 ~ 39.72%
G 241 of 569 ~ 42.36%
B 102 of 569 ~ 17.93%

%39.72
%42.36
%17.93

CMYK color model

#E2F166 color CMYK value is (6,0,58,5).

  • cyan value is 6.22%
  • magenta value is 0.00%
  • yellow value is 57.68%
  • key color value is 5.49%
CMYK:
(6,0,58,5)
C6M0Y58K5 
(6%,0%,58%,5%)
(0.06/0.00/0.58/0.05)	

CMYK percentages

%6.22
%0
%57.68
%5.49

Codes

Color #E2F166 in popluar color models

E2F166
RGB226241102
HSL66°83.23%67.25%
HSB/HSV66°57.68%94.51%
CMYK6.22%0.00%57.68%
5.49%

Color #E2F166 in popluar number systems.

HEXE2F166
Decimal226241102
Binary11100010111100011100110
Octal342361146

Shades and tints

Shades of #E2F166

#E2F166
(226,241,102)
#CEDC5D
(206,220,93)
#BAC754
(186,199,84)
#A6B24B
(166,178,75)
#929D42
(146,157,66)
#7E8839
(126,136,57)
#6A7330
(106,115,48)
#565E27
(86,94,39)
#42491E
(66,73,30)
#2E3415
(46,52,21)
#1A1F0C
(26,31,12)
#000000
(0,0,0)

Tints of #E2F166

#E2F166
(226,241,102)
#E4F273
(228,242,115)
#E6F380
(230,243,128)
#E8F48D
(232,244,141)
#EAF59A
(234,245,154)
#ECF6A7
(236,246,167)
#EEF7B4
(238,247,180)
#F0F8C1
(240,248,193)
#F2F9CE
(242,249,206)
#F4FADB
(244,250,219)
#F6FBE8
(246,251,232)
#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #E2F166 color. Also use rgb(226,241,102) instead hex code.

Text Font Color

.myTextColor { color: #E2F166; }

<p style="color:#E2F166">This sample text font color is #E2F166.</p>

This text font color is #E2F166.


Background Color

.myBgColor { background-color: #E2F166; }

<div style="background-color:#E2F166">Inner text</div>

This div background color is #E2F166.


Border color

.myBorderColor { border: 1px solid #E2F166; }

<div style="border:3px solid #E2F166">Div</div>

This div border color is #E2F166.


Opacity

.myOpacity80 { color: #E2F166; opacity: 0.8; }

<p style="color:#E2F166;opacity:0.8;">80%</p>

Text with #E2F166 color and opacity 100% | 80% | 50% | 30%.

Background with opacity value 100%.

Background with opacity value 80%.

Background with opacity value 50%.

Background with opacity value 30%.

Text shadow color

.textShadow {text-shadow: 3px 3px 1px #E2F166;}

<p style="text-shadow: 3px 3px 1px #E2F166">Text here.</p>

This text has shadow with #E2F166 color.

.textShadow {text-shadow: 3px 3px 1px #E2F166, 3px 3px 1px red;}

<p style="text-shadow: 3px 3px 1px #E2F166, 5px 5px 20px red">Text here.</p>

This text has shadow with #E2F166 primary color and red secondary color.


Styles for old Internet Explorer:
.textShadow {filter: Shadow(Color=#E2F166, Direction=45, Strength=4)}

<p style="filter: Shadow(Color=#E2F166, Direction=45, Strength=4)">Text</p>

This text has shadow with #E2F166 and red colors in old Internet Explorer.


Div box shadow color

/* css code */
.divShadow
{
  -moz-box-shadow:	1px 1px 3px 2px #E2F166;
  -webkit-box-shadow:	1px 1px 3px 2px #E2F166;
  box-shadow:		1px 1px 3px 2px #E2F166;
}

/* html code with inline style */
<div style="-moz-box-shadow: 1px 1px 3px 2px #E2F166;
-webkit-box-shadow: 1px 1px 3px 2px #E2F166;
box-shadow:1px 1px 3px 2px #E2F166;">
Div content here</div>
This div box has shadow with color #E2F166.

Preview

Color preview on black background

This text has color #E2F166 on black background.


Color preview on white background

This text has color #E2F166 on white background.



Black color preview on #E2F166 background

This text has black color on #E2F166 background.


White color preview on #E2F166 background

This text has white color on #E2F166 background.