Color #4475B4

Color info

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

RGB color model

#4475B4 color RGB value is (68,117,180).

red value is 68;
green value is 117;
blue value is 180.

RGB: (68,117,180) (27%, 46%, 71%)

RGB channels and saturation

R 68 of 255 = 27%
G 117 of 255 = 46%
B 180 of 255 = 71%

68

117

180

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

Portions of RGB colors in percentages

R + G + B = 68 + 117 + 180 = 365 (100%)
R 68 of 365 ~ 18.63%
G 117 of 365 ~ 32.05%
B 180 of 365 ~ 49.32'%

%18.63

%32.05

%49.32

CMYK color model

#4475B4 color CMYK value is (62,35,0,29).

cyan value is 62.22%
magenta value is 35.00%
yellow value is 0.00%
key color value is 29.41%

CMYK: (62,35,0,29)
C62M35Y0K29 (62%, 35%, 0%, 29%)
(0.62 / 0.35 / 0.00 / 0.29)

CMYK percentages

%62.22

%35

%0

%29.41

Codes

Color #4475B4 in popluar color models

	44	75	B4
RGB	68	117	180
HSL	214°	45.16%	48.63%
HSB/HSV	214°	62.22%	70.59%
CMYK	62.22%	35.00%	0.00%
CMYK	29.41%

Color #4475B4 in popluar number systems.

HEX	44	75	B4
Decimal	68	117	180
Binary	1000100	1110101	10110100
Octal	104	165	264

Shades and tints

Shades of #4475B4

#4475B4
(68,117,180)

#3E6BA4
(62,107,164)

#386194
(56,97,148)

#325784
(50,87,132)

#2C4D74
(44,77,116)

#264364
(38,67,100)

#203954
(32,57,84)

#1A2F44
(26,47,68)

#142534
(20,37,52)

#0E1B24
(14,27,36)

#081114
(8,17,20)

#000000
(0,0,0)

Tints of #4475B4

#4475B4
(68,117,180)

#5581BA
(85,129,186)

#668DC0
(102,141,192)

#7799C6
(119,153,198)

#88A5CC
(136,165,204)

#99B1D2
(153,177,210)

#AABDD8
(170,189,216)

#BBC9DE
(187,201,222)

#CCD5E4
(204,213,228)

#DDE1EA
(221,225,234)

#EEEDF0
(238,237,240)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #4475B4 color. Also use rgb(68,117,180) instead hex code.

Text Font Color

.myTextColor { color: #4475B4; }

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

This text font color is #4475B4.

Background Color

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

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

This div background color is #4475B4.

Border color

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

This div border color is #4475B4.

Opacity

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

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

This text has shadow with #4475B4 color.

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

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

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

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

Div box shadow color

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

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

This div box has shadow with color #4475B4.