Color #3B537A

Color info

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

RGB color model

#3B537A color RGB value is (59,83,122).

red value is 59;
green value is 83;
blue value is 122.

RGB: (59,83,122) (23%, 33%, 48%)

RGB channels and saturation

R 59 of 255 = 23%
G 83 of 255 = 33%
B 122 of 255 = 48%

59

83

122

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

Portions of RGB colors in percentages

R + G + B = 59 + 83 + 122 = 264 (100%)
R 59 of 264 ~ 22.35%
G 83 of 264 ~ 31.44%
B 122 of 264 ~ 46.21'%

%22.35

%31.44

%46.21

CMYK color model

#3B537A color CMYK value is (52,32,0,52).

cyan value is 51.64%
magenta value is 31.97%
yellow value is 0.00%
key color value is 52.16%

CMYK: (52,32,0,52)
C52M32Y0K52 (52%, 32%, 0%, 52%)
(0.52 / 0.32 / 0.00 / 0.52)

CMYK percentages

%51.64

%31.97

%0

%52.16

Codes

Color #3B537A in popluar color models

	3B	53	7A
RGB	59	83	122
HSL	217°	34.81%	35.49%
HSB/HSV	217°	51.64%	47.84%
CMYK	51.64%	31.97%	0.00%
CMYK	52.16%

Color #3B537A in popluar number systems.

HEX	3B	53	7A
Decimal	59	83	122
Binary	111011	1010011	1111010
Octal	73	123	172

Shades and tints

Shades of #3B537A

#3B537A
(59,83,122)

#364C6F
(54,76,111)

#314564
(49,69,100)

#2C3E59
(44,62,89)

#27374E
(39,55,78)

#223043
(34,48,67)

#1D2938
(29,41,56)

#18222D
(24,34,45)

#131B22
(19,27,34)

#0E1417
(14,20,23)

#090D0C
(9,13,12)

#000000
(0,0,0)

Tints of #3B537A

#3B537A
(59,83,122)

#4C6286
(76,98,134)

#5D7192
(93,113,146)

#6E809E
(110,128,158)

#7F8FAA
(127,143,170)

#909EB6
(144,158,182)

#A1ADC2
(161,173,194)

#B2BCCE
(178,188,206)

#C3CBDA
(195,203,218)

#D4DAE6
(212,218,230)

#E5E9F2
(229,233,242)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #3B537A color. Also use rgb(59,83,122) instead hex code.

Text Font Color

.myTextColor { color: #3B537A; }

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

This text font color is #3B537A.

Background Color

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

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

This div background color is #3B537A.

Border color

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

This div border color is #3B537A.

Opacity

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

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

This text has shadow with #3B537A color.

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

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

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

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

Div box shadow color

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

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

This div box has shadow with color #3B537A.