COLOR #4944AD

HEX: #4944AD
RGB: (73,68,173)

Color info

#4944AD contains mainly blue color. Web safe color of #4944AD is #333399 (or #339).

RGB color model

#4944AD color RGB value is (73,68,173).

  • red value is 73;
  • green value is 68;
  • blue value is 173.
RGB:
(73,68,173)
(29%,27%,68%)

RGB channels and saturation

R 73 of 255 = 29%
G 68 of 255 = 27%
B 173 of 255 = 68%

73
68
173

R + G + B ~ 41%. #4944AD is middle color (not dark and not light).

Portions of RGB colors in percentages

R + G + B =
73 + 68 + 173 = 314 (100%)
R 73 of 314 ~ 23.25%
G 68 of 314 ~ 21.66%
B 173 of 314 ~ 55.1%

%23.25
%21.66
%55.1

CMYK color model

#4944AD color CMYK value is (58,61,0,32).

  • cyan value is 57.80%
  • magenta value is 60.69%
  • yellow value is 0.00%
  • key color value is 32.16%
CMYK:
(58,61,0,32)
C58M61Y0K32 
(58%,61%,0%,32%)
(0.58/0.61/0.00/0.32)	

CMYK percentages

%57.8
%60.69
%0
%32.16

Codes

Color #4944AD in popluar color models

4944AD
RGB7368173
HSL243°43.57%47.25%
HSB/HSV243°60.69%67.84%
CMYK57.80%60.69%0.00%
32.16%

Color #4944AD in popluar number systems.

HEX4944AD
Decimal7368173
Binary1001001100010010101101
Octal111104255

Shades and tints

Shades of #4944AD

#4944AD
(73,68,173)
#433E9E
(67,62,158)
#3D388F
(61,56,143)
#373280
(55,50,128)
#312C71
(49,44,113)
#2B2662
(43,38,98)
#252053
(37,32,83)
#1F1A44
(31,26,68)
#191435
(25,20,53)
#130E26
(19,14,38)
#0D0817
(13,8,23)
#000000
(0,0,0)

Tints of #4944AD

#4944AD
(73,68,173)
#5955B4
(89,85,180)
#6966BB
(105,102,187)
#7977C2
(121,119,194)
#8988C9
(137,136,201)
#9999D0
(153,153,208)
#A9AAD7
(169,170,215)
#B9BBDE
(185,187,222)
#C9CCE5
(201,204,229)
#D9DDEC
(217,221,236)
#E9EEF3
(233,238,243)
#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #4944AD color. Also use rgb(73,68,173) instead hex code.

Text Font Color

.myTextColor { color: #4944AD; }

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

This text font color is #4944AD.


Background Color

.myBgColor { background-color: #4944AD; }

<div style="background-color:#4944AD">Inner text</div>

This div background color is #4944AD.


Border color

.myBorderColor { border: 1px solid #4944AD; }

<div style="border:3px solid #4944AD">Div</div>

This div border color is #4944AD.


Opacity

.myOpacity80 { color: #4944AD; opacity: 0.8; }

<p style="color:#4944AD;opacity:0.8;">80%</p>

Text with #4944AD 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 #4944AD;}

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

This text has shadow with #4944AD color.

.textShadow {text-shadow: 3px 3px 1px #4944AD, 3px 3px 1px red;}

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

This text has shadow with #4944AD primary color and red secondary color.


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

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

This text has shadow with #4944AD and red colors in old Internet Explorer.


Div box shadow color

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

/* html code with inline style */
<div style="-moz-box-shadow: 1px 1px 3px 2px #4944AD;
-webkit-box-shadow: 1px 1px 3px 2px #4944AD;
box-shadow:1px 1px 3px 2px #4944AD;">
Div content here</div>
This div box has shadow with color #4944AD.

Preview

Color preview on black background

This text has color #4944AD on black background.


Color preview on white background

This text has color #4944AD on white background.



Black color preview on #4944AD background

This text has black color on #4944AD background.


White color preview on #4944AD background

This text has white color on #4944AD background.