Color #3658A5

Color info

#3658A5 contains mainly blue color. Web safe color of #3658A5 is #336699 (or #369).

RGB color model

#3658A5 color RGB value is (54,88,165).

red value is 54;
green value is 88;
blue value is 165.

RGB: (54,88,165) (21%, 35%, 65%)

RGB channels and saturation

R 54 of 255 = 21%
G 88 of 255 = 35%
B 165 of 255 = 65%

54

88

165

R + G + B ~ 40%. #3658A5 is middle color (not dark and not light).

Portions of RGB colors in percentages

R + G + B = 54 + 88 + 165 = 307 (100%)
R 54 of 307 ~ 17.59%
G 88 of 307 ~ 28.66%
B 165 of 307 ~ 53.75'%

%17.59

%28.66

%53.75

CMYK color model

#3658A5 color CMYK value is (67,47,0,35).

cyan value is 67.27%
magenta value is 46.67%
yellow value is 0.00%
key color value is 35.29%

CMYK: (67,47,0,35)
C67M47Y0K35 (67%, 47%, 0%, 35%)
(0.67 / 0.47 / 0.00 / 0.35)

CMYK percentages

%67.27

%46.67

%0

%35.29

Codes

Color #3658A5 in popluar color models

	36	58	A5
RGB	54	88	165
HSL	222°	50.68%	42.94%
HSB/HSV	222°	67.27%	64.71%
CMYK	67.27%	46.67%	0.00%
CMYK	35.29%

Color #3658A5 in popluar number systems.

HEX	36	58	A5
Decimal	54	88	165
Binary	110110	1011000	10100101
Octal	66	130	245

Shades and tints

Shades of #3658A5

#3658A5
(54,88,165)

#325096
(50,80,150)

#2E4887
(46,72,135)

#2A4078
(42,64,120)

#263869
(38,56,105)

#22305A
(34,48,90)

#1E284B
(30,40,75)

#1A203C
(26,32,60)

#16182D
(22,24,45)

#12101E
(18,16,30)

#0E080F
(14,8,15)

#000000
(0,0,0)

Tints of #3658A5

#3658A5
(54,88,165)

#4867AD
(72,103,173)

#5A76B5
(90,118,181)

#6C85BD
(108,133,189)

#7E94C5
(126,148,197)

#90A3CD
(144,163,205)

#A2B2D5
(162,178,213)

#B4C1DD
(180,193,221)

#C6D0E5
(198,208,229)

#D8DFED
(216,223,237)

#EAEEF5
(234,238,245)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #3658A5 color. Also use rgb(54,88,165) instead hex code.

Text Font Color

.myTextColor { color: #3658A5; }

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

This text font color is #3658A5.

Background Color

.myBgColor { background-color: #3658A5; }

<div style="background-color:#3658A5">Inner text</div>

This div background color is #3658A5.

Border color

.myBorderColor { border: 1px solid #3658A5; }

This div border color is #3658A5.

Opacity

.myOpacity80 { color: #3658A5; opacity: 0.8; }

Text with #3658A5 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 #3658A5;}

This text has shadow with #3658A5 color.

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

This text has shadow with #3658A5 primary color and red secondary color.

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

This text has shadow with #3658A5 and red colors in old Internet Explorer.

Div box shadow color

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

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

This div box has shadow with color #3658A5.