Color #4166B4

Color info

#4166B4 contains mainly blue color. Web safe color of #4166B4 is #3366CC (or #36C).

RGB color model

#4166B4 color RGB value is (65,102,180).

red value is 65;
green value is 102;
blue value is 180.

RGB:
(65,102,180)
(25%,40%,71%)

RGB channels and saturation

R 65 of 255 = 25%
G 102 of 255 = 40%
B 180 of 255 = 71%

102

180

R + G + B ~ 45%. #4166B4 is middle color (not dark and not light).

Portions of RGB colors in percentages

R + G + B =
65 + 102 + 180 = 347 (100%)
R 65 of 347 ~ 18.73%
G 102 of 347 ~ 29.39%
B 180 of 347 ~ 51.87%

%18.73

%29.39

%51.87

CMYK color model

#4166B4 color CMYK value is (64,43,0,29).

cyan value is 63.89%
magenta value is 43.33%
yellow value is 0.00%
key color value is 29.41%

CMYK:
(64,43,0,29)
C64M43Y0K29 
(64%,43%,0%,29%)
(0.64/0.43/0.00/0.29)

CMYK percentages

%63.89

%43.33

%29.41

Codes

Color #4166B4 in popluar color models

	41	66	B4
RGB	65	102	180
HSL	221°	46.94%	48.04%
HSB/HSV	221°	63.89%	70.59%
CMYK	63.89%	43.33%	0.00%
CMYK	29.41%

Color #4166B4 in popluar number systems.

HEX	41	66	B4
Decimal	65	102	180
Binary	1000001	1100110	10110100
Octal	101	146	264

Shades and tints

Shades of #4166B4

#4166B4
(65,102,180)

#3C5DA4
(60,93,164)

#375494
(55,84,148)

#324B84
(50,75,132)

#2D4274
(45,66,116)

#283964
(40,57,100)

#233054
(35,48,84)

#1E2744
(30,39,68)

#191E34
(25,30,52)

#141524
(20,21,36)

#0F0C14
(15,12,20)

#000000
(0,0,0)

Tints of #4166B4

#4166B4
(65,102,180)

#5273BA
(82,115,186)

#6380C0
(99,128,192)

#748DC6
(116,141,198)

#859ACC
(133,154,204)

#96A7D2
(150,167,210)

#A7B4D8
(167,180,216)

#B8C1DE
(184,193,222)

#C9CEE4
(201,206,228)

#DADBEA
(218,219,234)

#EBE8F0
(235,232,240)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #4166B4 color. Also use rgb(65,102,180) instead hex code.

Text Font Color

.myTextColor { color: #4166B4; }

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

This text font color is #4166B4.

Background Color

.myBgColor { background-color: #4166B4; }

<div style="background-color:#4166B4">Inner text</div>

This div background color is #4166B4.

Border color

.myBorderColor { border: 1px solid #4166B4; }

<div style="border:3px solid #4166B4">Div</div>

This div border color is #4166B4.

Opacity

.myOpacity80 { color: #4166B4; opacity: 0.8; }

<p style="color:#4166B4;opacity:0.8;">80%</p>

Text with #4166B4 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 #4166B4;}

<p style="text-shadow: 3px 3px 1px #4166B4">Text here.</p>

This text has shadow with #4166B4 color.

.textShadow {text-shadow: 3px 3px 1px #4166B4, 3px 3px 1px red;}

<p style="text-shadow: 3px 3px 1px #4166B4, 5px 5px 20px red">Text here.</p>

This text has shadow with #4166B4 primary color and red secondary color.

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

<p style="filter: Shadow(Color=#4166B4, Direction=45, Strength=4)">Text</p>

This text has shadow with #4166B4 and red colors in old Internet Explorer.

Div box shadow color

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

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

This div box has shadow with color #4166B4.

Preview

Color preview on black background

This text has color #4166B4 on black background.

Color preview on white background

This text has color #4166B4 on white background.

Black color preview on #4166B4 background

This text has black color on #4166B4 background.

White color preview on #4166B4 background

This text has white color on #4166B4 background.