Color #3D417C

Color info

#3D417C contains mainly green and blue colors. Web safe color of #3D417C is #333366 (or #336).

RGB color model

#3D417C color RGB value is (61,65,124).

red value is 61;
green value is 65;
blue value is 124.

RGB: (61,65,124) (24%, 25%, 49%)

RGB channels and saturation

R 61 of 255 = 24%
G 65 of 255 = 25%
B 124 of 255 = 49%

61

65

124

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

Portions of RGB colors in percentages

R + G + B = 61 + 65 + 124 = 250 (100%)
R 61 of 250 ~ 24.4%
G 65 of 250 ~ 26%
B 124 of 250 ~ 49.6'%

%24.4

%26

%49.6

CMYK color model

#3D417C color CMYK value is (51,48,0,51).

cyan value is 50.81%
magenta value is 47.58%
yellow value is 0.00%
key color value is 51.37%

CMYK: (51,48,0,51)
C51M48Y0K51 (51%, 48%, 0%, 51%)
(0.51 / 0.48 / 0.00 / 0.51)

CMYK percentages

%50.81

%47.58

%0

%51.37

Codes

Color #3D417C in popluar color models

	3D	41	7C
RGB	61	65	124
HSL	236°	34.05%	36.27%
HSB/HSV	236°	50.81%	48.63%
CMYK	50.81%	47.58%	0.00%
CMYK	51.37%

Color #3D417C in popluar number systems.

HEX	3D	41	7C
Decimal	61	65	124
Binary	111101	1000001	1111100
Octal	75	101	174

Shades and tints

Shades of #3D417C

#3D417C
(61,65,124)

#383C71
(56,60,113)

#333766
(51,55,102)

#2E325B
(46,50,91)

#292D50
(41,45,80)

#242845
(36,40,69)

#1F233A
(31,35,58)

#1A1E2F
(26,30,47)

#151924
(21,25,36)

#101419
(16,20,25)

#0B0F0E
(11,15,14)

#000000
(0,0,0)

Tints of #3D417C

#3D417C
(61,65,124)

#4E5287
(78,82,135)

#5F6392
(95,99,146)

#70749D
(112,116,157)

#8185A8
(129,133,168)

#9296B3
(146,150,179)

#A3A7BE
(163,167,190)

#B4B8C9
(180,184,201)

#C5C9D4
(197,201,212)

#D6DADF
(214,218,223)

#E7EBEA
(231,235,234)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #3D417C color. Also use rgb(61,65,124) instead hex code.

Text Font Color

.myTextColor { color: #3D417C; }

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

This text font color is #3D417C.

Background Color

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

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

This div background color is #3D417C.

Border color

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

This div border color is #3D417C.

Opacity

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

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

This text has shadow with #3D417C color.

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

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

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

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

Div box shadow color

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

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

This div box has shadow with color #3D417C.