Color #3A7D54

Color info

#3A7D54 contains mainly green and blue colors. Web safe color of #3A7D54 is #336666 (or #366).

RGB color model

#3A7D54 color RGB value is (58,125,84).

red value is 58;
green value is 125;
blue value is 84.

RGB: (58,125,84) (23%, 49%, 33%)

RGB channels and saturation

R 58 of 255 = 23%
G 125 of 255 = 49%
B 84 of 255 = 33%

58

125

84

R + G + B ~ 35%. #3A7D54 is quite dark color.

Portions of RGB colors in percentages

R + G + B = 58 + 125 + 84 = 267 (100%)
R 58 of 267 ~ 21.72%
G 125 of 267 ~ 46.82%
B 84 of 267 ~ 31.46'%

%21.72

%46.82

%31.46

CMYK color model

#3A7D54 color CMYK value is (54,0,33,51).

cyan value is 53.60%
magenta value is 0.00%
yellow value is 32.80%
key color value is 50.98%

CMYK: (54,0,33,51)
C54M0Y33K51 (54%, 0%, 33%, 51%)
(0.54 / 0.00 / 0.33 / 0.51)

CMYK percentages

%53.6

%0

%32.8

%50.98

Codes

Color #3A7D54 in popluar color models

	3A	7D	54
RGB	58	125	84
HSL	143°	36.61%	35.88%
HSB/HSV	143°	53.60%	49.02%
CMYK	53.60%	0.00%	32.80%
CMYK	50.98%

Color #3A7D54 in popluar number systems.

HEX	3A	7D	54
Decimal	58	125	84
Binary	111010	1111101	1010100
Octal	72	175	124

Shades and tints

Shades of #3A7D54

#3A7D54
(58,125,84)

#35724D
(53,114,77)

#306746
(48,103,70)

#2B5C3F
(43,92,63)

#265138
(38,81,56)

#214631
(33,70,49)

#1C3B2A
(28,59,42)

#173023
(23,48,35)

#12251C
(18,37,28)

#0D1A15
(13,26,21)

#080F0E
(8,15,14)

#000000
(0,0,0)

Tints of #3A7D54

#3A7D54
(58,125,84)

#4B8863
(75,136,99)

#5C9372
(92,147,114)

#6D9E81
(109,158,129)

#7EA990
(126,169,144)

#8FB49F
(143,180,159)

#A0BFAE
(160,191,174)

#B1CABD
(177,202,189)

#C2D5CC
(194,213,204)

#D3E0DB
(211,224,219)

#E4EBEA
(228,235,234)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #3A7D54 color. Also use rgb(58,125,84) instead hex code.

Text Font Color

.myTextColor { color: #3A7D54; }

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

This text font color is #3A7D54.

Background Color

.myBgColor { background-color: #3A7D54; }

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

This div background color is #3A7D54.

Border color

.myBorderColor { border: 1px solid #3A7D54; }

This div border color is #3A7D54.

Opacity

.myOpacity80 { color: #3A7D54; opacity: 0.8; }

Text with #3A7D54 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 #3A7D54;}

This text has shadow with #3A7D54 color.

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

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

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

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

Div box shadow color

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

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

This div box has shadow with color #3A7D54.