Color #3A615D

Color info

#3A615D contains red, green and blue colors in about the same proportion. Web safe color of #3A615D is #336666 (or #366).

RGB color model

#3A615D color RGB value is (58,97,93).

red value is 58;
green value is 97;
blue value is 93.

RGB: (58,97,93) (23%, 38%, 36%)

RGB channels and saturation

R 58 of 255 = 23%
G 97 of 255 = 38%
B 93 of 255 = 36%

58

97

93

R + G + B ~ 32%. #3A615D is quite dark color.

Portions of RGB colors in percentages

R + G + B = 58 + 97 + 93 = 248 (100%)
R 58 of 248 ~ 23.39%
G 97 of 248 ~ 39.11%
B 93 of 248 ~ 37.5'%

%23.39

%39.11

%37.5

CMYK color model

#3A615D color CMYK value is (40,0,4,62).

cyan value is 40.21%
magenta value is 0.00%
yellow value is 4.12%
key color value is 61.96%

CMYK: (40,0,4,62)
C40M0Y4K62 (40%, 0%, 4%, 62%)
(0.40 / 0.00 / 0.04 / 0.62)

CMYK percentages

%40.21

%0

%4.12

%61.96

Codes

Color #3A615D in popluar color models

	3A	61	5D
RGB	58	97	93
HSL	174°	25.16%	30.39%
HSB/HSV	174°	40.21%	38.04%
CMYK	40.21%	0.00%	4.12%
CMYK	61.96%

Color #3A615D in popluar number systems.

HEX	3A	61	5D
Decimal	58	97	93
Binary	111010	1100001	1011101
Octal	72	141	135

Shades and tints

Shades of #3A615D

#3A615D
(58,97,93)

#355955
(53,89,85)

#30514D
(48,81,77)

#2B4945
(43,73,69)

#26413D
(38,65,61)

#213935
(33,57,53)

#1C312D
(28,49,45)

#172925
(23,41,37)

#12211D
(18,33,29)

#0D1915
(13,25,21)

#08110D
(8,17,13)

#000000
(0,0,0)

Tints of #3A615D

#3A615D
(58,97,93)

#4B6F6B
(75,111,107)

#5C7D79
(92,125,121)

#6D8B87
(109,139,135)

#7E9995
(126,153,149)

#8FA7A3
(143,167,163)

#A0B5B1
(160,181,177)

#B1C3BF
(177,195,191)

#C2D1CD
(194,209,205)

#D3DFDB
(211,223,219)

#E4EDE9
(228,237,233)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #3A615D color. Also use rgb(58,97,93) instead hex code.

Text Font Color

.myTextColor { color: #3A615D; }

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

This text font color is #3A615D.

Background Color

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

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

This div background color is #3A615D.

Border color

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

This div border color is #3A615D.

Opacity

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

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

This text has shadow with #3A615D color.

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

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

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

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

Div box shadow color

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

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

This div box has shadow with color #3A615D.