Color #54AD4A

Color info

#54AD4A contains mainly green color. Web safe color of #54AD4A is #669933 (or #693).

RGB color model

#54AD4A color RGB value is (84,173,74).

red value is 84;
green value is 173;
blue value is 74.

RGB:
(84,173,74)
(33%,68%,29%)

RGB channels and saturation

R 84 of 255 = 33%
G 173 of 255 = 68%
B 74 of 255 = 29%

173

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

Portions of RGB colors in percentages

R + G + B =
84 + 173 + 74 = 331 (100%)
R 84 of 331 ~ 25.38%
G 173 of 331 ~ 52.27%
B 74 of 331 ~ 22.36%

%25.38

%52.27

%22.36

CMYK color model

#54AD4A color CMYK value is (51,0,57,32).

cyan value is 51.45%
magenta value is 0.00%
yellow value is 57.23%
key color value is 32.16%

CMYK:
(51,0,57,32)
C51M0Y57K32 
(51%,0%,57%,32%)
(0.51/0.00/0.57/0.32)

CMYK percentages

%51.45

%57.23

%32.16

Codes

Color #54AD4A in popluar color models

	54	AD	4A
RGB	84	173	74
HSL	114°	40.08%	48.43%
HSB/HSV	114°	57.23%	67.84%
CMYK	51.45%	0.00%	57.23%
CMYK	32.16%

Color #54AD4A in popluar number systems.

HEX	54	AD	4A
Decimal	84	173	74
Binary	1010100	10101101	1001010
Octal	124	255	112

Shades and tints

Shades of #54AD4A

#54AD4A
(84,173,74)

#4D9E44
(77,158,68)

#468F3E
(70,143,62)

#3F8038
(63,128,56)

#387132
(56,113,50)

#31622C
(49,98,44)

#2A5326
(42,83,38)

#234420
(35,68,32)

#1C351A
(28,53,26)

#152614
(21,38,20)

#0E170E
(14,23,14)

#000000
(0,0,0)

Tints of #54AD4A

#54AD4A
(84,173,74)

#63B45A
(99,180,90)

#72BB6A
(114,187,106)

#81C27A
(129,194,122)

#90C98A
(144,201,138)

#9FD09A
(159,208,154)

#AED7AA
(174,215,170)

#BDDEBA
(189,222,186)

#CCE5CA
(204,229,202)

#DBECDA
(219,236,218)

#EAF3EA
(234,243,234)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #54AD4A color. Also use rgb(84,173,74) instead hex code.

Text Font Color

.myTextColor { color: #54AD4A; }

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

This text font color is #54AD4A.

Background Color

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

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

This div background color is #54AD4A.

Border color

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

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

This div border color is #54AD4A.

Opacity

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

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

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

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

This text has shadow with #54AD4A color.

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

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

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

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

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

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

Div box shadow color

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

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

This div box has shadow with color #54AD4A.

Preview

Color preview on black background

This text has color #54AD4A on black background.

Color preview on white background

This text has color #54AD4A on white background.

Black color preview on #54AD4A background

This text has black color on #54AD4A background.

White color preview on #54AD4A background

This text has white color on #54AD4A background.