COLOR #54E60D

HEX: #54E60D
RGB: (84,230,13)

Color info

#54E60D contains mainly green color. Web safe color of #54E60D is #66CC00 (or #6C0).

RGB color model

#54E60D color RGB value is (84,230,13).

  • red value is 84;
  • green value is 230;
  • blue value is 13.
RGB:
(84,230,13)
(33%,90%,5%)

RGB channels and saturation

R 84 of 255 = 33%
G 230 of 255 = 90%
B 13 of 255 = 5%

84
230
13

R + G + B ~ 43%. #54E60D is middle color (not dark and not light).

Portions of RGB colors in percentages

R + G + B =
84 + 230 + 13 = 327 (100%)
R 84 of 327 ~ 25.69%
G 230 of 327 ~ 70.34%
B 13 of 327 ~ 3.98%

%25.69
%70.34

CMYK color model

#54E60D color CMYK value is (63,0,94,10).

  • cyan value is 63.48%
  • magenta value is 0.00%
  • yellow value is 94.35%
  • key color value is 9.80%
CMYK:
(63,0,94,10)
C63M0Y94K10 
(63%,0%,94%,10%)
(0.63/0.00/0.94/0.10)	

CMYK percentages

%63.48
%0
%94.35
%9.8

Codes

Color #54E60D in popluar color models

54E60D
RGB8423013
HSL100°89.30%47.65%
HSB/HSV100°94.35%90.20%
CMYK63.48%0.00%94.35%
9.80%

Color #54E60D in popluar number systems.

HEX54E60D
Decimal8423013
Binary1010100111001101101
Octal12434615

Shades and tints

Shades of #54E60D

#54E60D
(84,230,13)
#4DD20C
(77,210,12)
#46BE0B
(70,190,11)
#3FAA0A
(63,170,10)
#389609
(56,150,9)
#318208
(49,130,8)
#2A6E07
(42,110,7)
#235A06
(35,90,6)
#1C4605
(28,70,5)
#153204
(21,50,4)
#0E1E03
(14,30,3)
#000000
(0,0,0)

Tints of #54E60D

#54E60D
(84,230,13)
#63E823
(99,232,35)
#72EA39
(114,234,57)
#81EC4F
(129,236,79)
#90EE65
(144,238,101)
#9FF07B
(159,240,123)
#AEF291
(174,242,145)
#BDF4A7
(189,244,167)
#CCF6BD
(204,246,189)
#DBF8D3
(219,248,211)
#EAFAE9
(234,250,233)
#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #54E60D color. Also use rgb(84,230,13) instead hex code.

Text Font Color

.myTextColor { color: #54E60D; }

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

This text font color is #54E60D.


Background Color

.myBgColor { background-color: #54E60D; }

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

This div background color is #54E60D.


Border color

.myBorderColor { border: 1px solid #54E60D; }

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

This div border color is #54E60D.


Opacity

.myOpacity80 { color: #54E60D; opacity: 0.8; }

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

Text with #54E60D 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 #54E60D;}

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

This text has shadow with #54E60D color.

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

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

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


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

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

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


Div box shadow color

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

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

Preview

Color preview on black background

This text has color #54E60D on black background.


Color preview on white background

This text has color #54E60D on white background.



Black color preview on #54E60D background

This text has black color on #54E60D background.


White color preview on #54E60D background

This text has white color on #54E60D background.