Color #3A694D

Color info

#3A694D contains red, green and blue colors in about the same proportion. Web safe color of #3A694D is #336633 (or #363).

RGB color model

#3A694D color RGB value is (58,105,77).

red value is 58;
green value is 105;
blue value is 77.

RGB: (58,105,77) (23%, 41%, 30%)

RGB channels and saturation

R 58 of 255 = 23%
G 105 of 255 = 41%
B 77 of 255 = 30%

58

105

77

R + G + B ~ 31%. #3A694D is quite dark color.

Portions of RGB colors in percentages

R + G + B = 58 + 105 + 77 = 240 (100%)
R 58 of 240 ~ 24.17%
G 105 of 240 ~ 43.75%
B 77 of 240 ~ 32.08'%

%24.17

%43.75

%32.08

CMYK color model

#3A694D color CMYK value is (45,0,27,59).

cyan value is 44.76%
magenta value is 0.00%
yellow value is 26.67%
key color value is 58.82%

CMYK: (45,0,27,59)
C45M0Y27K59 (45%, 0%, 27%, 59%)
(0.45 / 0.00 / 0.27 / 0.59)

CMYK percentages

%44.76

%0

%26.67

%58.82

Codes

Color #3A694D in popluar color models

	3A	69	4D
RGB	58	105	77
HSL	144°	28.83%	31.96%
HSB/HSV	144°	44.76%	41.18%
CMYK	44.76%	0.00%	26.67%
CMYK	58.82%

Color #3A694D in popluar number systems.

HEX	3A	69	4D
Decimal	58	105	77
Binary	111010	1101001	1001101
Octal	72	151	115

Shades and tints

Shades of #3A694D

#3A694D
(58,105,77)

#356046
(53,96,70)

#30573F
(48,87,63)

#2B4E38
(43,78,56)

#264531
(38,69,49)

#213C2A
(33,60,42)

#1C3323
(28,51,35)

#172A1C
(23,42,28)

#122115
(18,33,21)

#0D180E
(13,24,14)

#080F07
(8,15,7)

#000000
(0,0,0)

Tints of #3A694D

#3A694D
(58,105,77)

#4B765D
(75,118,93)

#5C836D
(92,131,109)

#6D907D
(109,144,125)

#7E9D8D
(126,157,141)

#8FAA9D
(143,170,157)

#A0B7AD
(160,183,173)

#B1C4BD
(177,196,189)

#C2D1CD
(194,209,205)

#D3DEDD
(211,222,221)

#E4EBED
(228,235,237)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #3A694D color. Also use rgb(58,105,77) instead hex code.

Text Font Color

.myTextColor { color: #3A694D; }

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

This text font color is #3A694D.

Background Color

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

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

This div background color is #3A694D.

Border color

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

This div border color is #3A694D.

Opacity

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

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

This text has shadow with #3A694D color.

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

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

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

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

Div box shadow color

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

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

This div box has shadow with color #3A694D.