Color #3A7B58

Color info

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

RGB color model

#3A7B58 color RGB value is (58,123,88).

red value is 58;
green value is 123;
blue value is 88.

RGB: (58,123,88) (23%, 48%, 35%)

RGB channels and saturation

R 58 of 255 = 23%
G 123 of 255 = 48%
B 88 of 255 = 35%

58

123

88

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

Portions of RGB colors in percentages

R + G + B = 58 + 123 + 88 = 269 (100%)
R 58 of 269 ~ 21.56%
G 123 of 269 ~ 45.72%
B 88 of 269 ~ 32.71'%

%21.56

%45.72

%32.71

CMYK color model

#3A7B58 color CMYK value is (53,0,28,52).

cyan value is 52.85%
magenta value is 0.00%
yellow value is 28.46%
key color value is 51.76%

CMYK: (53,0,28,52)
C53M0Y28K52 (53%, 0%, 28%, 52%)
(0.53 / 0.00 / 0.28 / 0.52)

CMYK percentages

%52.85

%0

%28.46

%51.76

Codes

Color #3A7B58 in popluar color models

	3A	7B	58
RGB	58	123	88
HSL	148°	35.91%	35.49%
HSB/HSV	148°	52.85%	48.24%
CMYK	52.85%	0.00%	28.46%
CMYK	51.76%

Color #3A7B58 in popluar number systems.

HEX	3A	7B	58
Decimal	58	123	88
Binary	111010	1111011	1011000
Octal	72	173	130

Shades and tints

Shades of #3A7B58

#3A7B58
(58,123,88)

#357050
(53,112,80)

#306548
(48,101,72)

#2B5A40
(43,90,64)

#264F38
(38,79,56)

#214430
(33,68,48)

#1C3928
(28,57,40)

#172E20
(23,46,32)

#122318
(18,35,24)

#0D1810
(13,24,16)

#080D08
(8,13,8)

#000000
(0,0,0)

Tints of #3A7B58

#3A7B58
(58,123,88)

#4B8767
(75,135,103)

#5C9376
(92,147,118)

#6D9F85
(109,159,133)

#7EAB94
(126,171,148)

#8FB7A3
(143,183,163)

#A0C3B2
(160,195,178)

#B1CFC1
(177,207,193)

#C2DBD0
(194,219,208)

#D3E7DF
(211,231,223)

#E4F3EE
(228,243,238)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #3A7B58 color. Also use rgb(58,123,88) instead hex code.

Text Font Color

.myTextColor { color: #3A7B58; }

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

This text font color is #3A7B58.

Background Color

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

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

This div background color is #3A7B58.

Border color

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

This div border color is #3A7B58.

Opacity

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

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

This text has shadow with #3A7B58 color.

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

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

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

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

Div box shadow color

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

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

This div box has shadow with color #3A7B58.