Color #3F4576

Color info

#3F4576 contains red, green and blue colors in about the same proportion. Web safe color of #3F4576 is #333366 (or #336).

RGB color model

#3F4576 color RGB value is (63,69,118).

red value is 63;
green value is 69;
blue value is 118.

RGB: (63,69,118) (25%, 27%, 46%)

RGB channels and saturation

R 63 of 255 = 25%
G 69 of 255 = 27%
B 118 of 255 = 46%

63

69

118

R + G + B ~ 33%. #3F4576 is quite dark color.

Portions of RGB colors in percentages

R + G + B = 63 + 69 + 118 = 250 (100%)
R 63 of 250 ~ 25.2%
G 69 of 250 ~ 27.6%
B 118 of 250 ~ 47.2'%

%25.2

%27.6

%47.2

CMYK color model

#3F4576 color CMYK value is (47,42,0,54).

cyan value is 46.61%
magenta value is 41.53%
yellow value is 0.00%
key color value is 53.73%

CMYK: (47,42,0,54)
C47M42Y0K54 (47%, 42%, 0%, 54%)
(0.47 / 0.42 / 0.00 / 0.54)

CMYK percentages

%46.61

%41.53

%0

%53.73

Codes

Color #3F4576 in popluar color models

	3F	45	76
RGB	63	69	118
HSL	233°	30.39%	35.49%
HSB/HSV	233°	46.61%	46.27%
CMYK	46.61%	41.53%	0.00%
CMYK	53.73%

Color #3F4576 in popluar number systems.

HEX	3F	45	76
Decimal	63	69	118
Binary	111111	1000101	1110110
Octal	77	105	166

Shades and tints

Shades of #3F4576

#3F4576
(63,69,118)

#3A3F6C
(58,63,108)

#353962
(53,57,98)

#303358
(48,51,88)

#2B2D4E
(43,45,78)

#262744
(38,39,68)

#21213A
(33,33,58)

#1C1B30
(28,27,48)

#171526
(23,21,38)

#120F1C
(18,15,28)

#0D0912
(13,9,18)

#000000
(0,0,0)

Tints of #3F4576

#3F4576
(63,69,118)

#505582
(80,85,130)

#61658E
(97,101,142)

#72759A
(114,117,154)

#8385A6
(131,133,166)

#9495B2
(148,149,178)

#A5A5BE
(165,165,190)

#B6B5CA
(182,181,202)

#C7C5D6
(199,197,214)

#D8D5E2
(216,213,226)

#E9E5EE
(233,229,238)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #3F4576 color. Also use rgb(63,69,118) instead hex code.

Text Font Color

.myTextColor { color: #3F4576; }

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

This text font color is #3F4576.

Background Color

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

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

This div background color is #3F4576.

Border color

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

This div border color is #3F4576.

Opacity

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

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

This text has shadow with #3F4576 color.

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

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

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

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

Div box shadow color

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

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

This div box has shadow with color #3F4576.