Color #478E31

Color info

#478E31 contains mainly green color. Web safe color of #478E31 is #339933 (or #393).

RGB color model

#478E31 color RGB value is (71,142,49).

red value is 71;
green value is 142;
blue value is 49.

RGB:
(71,142,49)
(28%,56%,19%)

RGB channels and saturation

R 71 of 255 = 28%
G 142 of 255 = 56%
B 49 of 255 = 19%

142

R + G + B ~ 34%. #478E31 is quite dark color.

Portions of RGB colors in percentages

R + G + B =
71 + 142 + 49 = 262 (100%)
R 71 of 262 ~ 27.1%
G 142 of 262 ~ 54.2%
B 49 of 262 ~ 18.7%

%27.1

%54.2

%18.7

CMYK color model

#478E31 color CMYK value is (50,0,65,44).

cyan value is 50.00%
magenta value is 0.00%
yellow value is 65.49%
key color value is 44.31%

CMYK:
(50,0,65,44)
C50M0Y65K44 
(50%,0%,65%,44%)
(0.50/0.00/0.65/0.44)

CMYK percentages

%50

%65.49

%44.31

Codes

Color #478E31 in popluar color models

	47	8E	31
RGB	71	142	49
HSL	106°	48.69%	37.45%
HSB/HSV	106°	65.49%	55.69%
CMYK	50.00%	0.00%	65.49%
CMYK	44.31%

Color #478E31 in popluar number systems.

HEX	47	8E	31
Decimal	71	142	49
Binary	1000111	10001110	110001
Octal	107	216	61

Shades and tints

Shades of #478E31

#478E31
(71,142,49)

#41822D
(65,130,45)

#3B7629
(59,118,41)

#356A25
(53,106,37)

#2F5E21
(47,94,33)

#29521D
(41,82,29)

#234619
(35,70,25)

#1D3A15
(29,58,21)

#172E11
(23,46,17)

#11220D
(17,34,13)

#0B1609
(11,22,9)

#000000
(0,0,0)

Tints of #478E31

#478E31
(71,142,49)

#579843
(87,152,67)

#67A255
(103,162,85)

#77AC67
(119,172,103)

#87B679
(135,182,121)

#97C08B
(151,192,139)

#A7CA9D
(167,202,157)

#B7D4AF
(183,212,175)

#C7DEC1
(199,222,193)

#D7E8D3
(215,232,211)

#E7F2E5
(231,242,229)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #478E31 color. Also use rgb(71,142,49) instead hex code.

Text Font Color

.myTextColor { color: #478E31; }

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

This text font color is #478E31.

Background Color

.myBgColor { background-color: #478E31; }

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

This div background color is #478E31.

Border color

.myBorderColor { border: 1px solid #478E31; }

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

This div border color is #478E31.

Opacity

.myOpacity80 { color: #478E31; opacity: 0.8; }

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

Text with #478E31 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 #478E31;}

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

This text has shadow with #478E31 color.

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

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

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

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

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

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

Div box shadow color

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

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

This div box has shadow with color #478E31.

Preview

Color preview on black background

This text has color #478E31 on black background.

Color preview on white background

This text has color #478E31 on white background.

Black color preview on #478E31 background

This text has black color on #478E31 background.

White color preview on #478E31 background

This text has white color on #478E31 background.