COLOR #0EE551

HEX: #0EE551
RGB: (14,229,81)

Color info

#0EE551 contains mainly green color. Web safe color of #0EE551 is #00CC66 (or #0C6).

RGB color model

#0EE551 color RGB value is (14,229,81).

  • red value is 14;
  • green value is 229;
  • blue value is 81.
RGB:
(14,229,81)
(5%,90%,32%)

RGB channels and saturation

R 14 of 255 = 5%
G 229 of 255 = 90%
B 81 of 255 = 32%

14
229
81

R + G + B ~ 42%. #0EE551 is middle color (not dark and not light).

Portions of RGB colors in percentages

R + G + B =
14 + 229 + 81 = 324 (100%)
R 14 of 324 ~ 4.32%
G 229 of 324 ~ 70.68%
B 81 of 324 ~ 25%

%70.68
%25

CMYK color model

#0EE551 color CMYK value is (94,0,65,10).

  • cyan value is 93.89%
  • magenta value is 0.00%
  • yellow value is 64.63%
  • key color value is 10.20%
CMYK:
(94,0,65,10)
C94M0Y65K10 
(94%,0%,65%,10%)
(0.94/0.00/0.65/0.10)	

CMYK percentages

%93.89
%0
%64.63
%10.2

Codes

Color #0EE551 in popluar color models

0EE551
RGB1422981
HSL139°88.48%47.65%
HSB/HSV139°93.89%89.80%
CMYK93.89%0.00%64.63%
10.20%

Color #0EE551 in popluar number systems.

HEX0EE551
Decimal1422981
Binary1110111001011010001
Octal16345121

Shades and tints

Shades of #0EE551

#0EE551
(14,229,81)
#0DD14A
(13,209,74)
#0CBD43
(12,189,67)
#0BA93C
(11,169,60)
#0A9535
(10,149,53)
#09812E
(9,129,46)
#086D27
(8,109,39)
#075920
(7,89,32)
#064519
(6,69,25)
#053112
(5,49,18)
#041D0B
(4,29,11)
#000000
(0,0,0)

Tints of #0EE551

#0EE551
(14,229,81)
#23E760
(35,231,96)
#38E96F
(56,233,111)
#4DEB7E
(77,235,126)
#62ED8D
(98,237,141)
#77EF9C
(119,239,156)
#8CF1AB
(140,241,171)
#A1F3BA
(161,243,186)
#B6F5C9
(182,245,201)
#CBF7D8
(203,247,216)
#E0F9E7
(224,249,231)
#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #0EE551 color. Also use rgb(14,229,81) instead hex code.

Text Font Color

.myTextColor { color: #0EE551; }

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

This text font color is #0EE551.


Background Color

.myBgColor { background-color: #0EE551; }

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

This div background color is #0EE551.


Border color

.myBorderColor { border: 1px solid #0EE551; }

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

This div border color is #0EE551.


Opacity

.myOpacity80 { color: #0EE551; opacity: 0.8; }

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

Text with #0EE551 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 #0EE551;}

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

This text has shadow with #0EE551 color.

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

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

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


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

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

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


Div box shadow color

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

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

Preview

Color preview on black background

This text has color #0EE551 on black background.


Color preview on white background

This text has color #0EE551 on white background.



Black color preview on #0EE551 background

This text has black color on #0EE551 background.


White color preview on #0EE551 background

This text has white color on #0EE551 background.