Color #4A688F

Color info

#4A688F contains mainly green and blue colors. Web safe color of #4A688F is #336699 (or #369).

RGB color model

#4A688F color RGB value is (74,104,143).

red value is 74;
green value is 104;
blue value is 143.

RGB: (74,104,143) (29%, 41%, 56%)

RGB channels and saturation

R 74 of 255 = 29%
G 104 of 255 = 41%
B 143 of 255 = 56%

74

104

143

R + G + B ~ 42%. #4A688F is middle color (not dark and not light).

Portions of RGB colors in percentages

R + G + B = 74 + 104 + 143 = 321 (100%)
R 74 of 321 ~ 23.05%
G 104 of 321 ~ 32.4%
B 143 of 321 ~ 44.55'%

%23.05

%32.4

%44.55

CMYK color model

#4A688F color CMYK value is (48,27,0,44).

cyan value is 48.25%
magenta value is 27.27%
yellow value is 0.00%
key color value is 43.92%

CMYK: (48,27,0,44)
C48M27Y0K44 (48%, 27%, 0%, 44%)
(0.48 / 0.27 / 0.00 / 0.44)

CMYK percentages

%48.25

%27.27

%0

%43.92

Codes

Color #4A688F in popluar color models

	4A	68	8F
RGB	74	104	143
HSL	214°	31.80%	42.55%
HSB/HSV	214°	48.25%	56.08%
CMYK	48.25%	27.27%	0.00%
CMYK	43.92%

Color #4A688F in popluar number systems.

HEX	4A	68	8F
Decimal	74	104	143
Binary	1001010	1101000	10001111
Octal	112	150	217

Shades and tints

Shades of #4A688F

#4A688F
(74,104,143)

#445F82
(68,95,130)

#3E5675
(62,86,117)

#384D68
(56,77,104)

#32445B
(50,68,91)

#2C3B4E
(44,59,78)

#263241
(38,50,65)

#202934
(32,41,52)

#1A2027
(26,32,39)

#14171A
(20,23,26)

#0E0E0D
(14,14,13)

#000000
(0,0,0)

Tints of #4A688F

#4A688F
(74,104,143)

#5A7599
(90,117,153)

#6A82A3
(106,130,163)

#7A8FAD
(122,143,173)

#8A9CB7
(138,156,183)

#9AA9C1
(154,169,193)

#AAB6CB
(170,182,203)

#BAC3D5
(186,195,213)

#CAD0DF
(202,208,223)

#DADDE9
(218,221,233)

#EAEAF3
(234,234,243)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #4A688F color. Also use rgb(74,104,143) instead hex code.

Text Font Color

.myTextColor { color: #4A688F; }

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

This text font color is #4A688F.

Background Color

.myBgColor { background-color: #4A688F; }

<div style="background-color:#4A688F">Inner text</div>

This div background color is #4A688F.

Border color

.myBorderColor { border: 1px solid #4A688F; }

This div border color is #4A688F.

Opacity

.myOpacity80 { color: #4A688F; opacity: 0.8; }

Text with #4A688F 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 #4A688F;}

This text has shadow with #4A688F color.

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

This text has shadow with #4A688F primary color and red secondary color.

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

This text has shadow with #4A688F and red colors in old Internet Explorer.

Div box shadow color

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

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

This div box has shadow with color #4A688F.