Color #484377

Color info

#484377 contains red, green and blue colors in about the same proportion. Web safe color of #484377 is #333366 (or #336).

RGB color model

#484377 color RGB value is (72,67,119).

red value is 72;
green value is 67;
blue value is 119.

RGB:
(72,67,119)
(28%,26%,47%)

RGB channels and saturation

R 72 of 255 = 28%
G 67 of 255 = 26%
B 119 of 255 = 47%

119

R + G + B ~ 34%. #484377 is quite dark color.

Portions of RGB colors in percentages

R + G + B =
72 + 67 + 119 = 258 (100%)
R 72 of 258 ~ 27.91%
G 67 of 258 ~ 25.97%
B 119 of 258 ~ 46.12%

%27.91

%25.97

%46.12

CMYK color model

#484377 color CMYK value is (39,44,0,53).

cyan value is 39.50%
magenta value is 43.70%
yellow value is 0.00%
key color value is 53.33%

CMYK:
(39,44,0,53)
C39M44Y0K53 
(39%,44%,0%,53%)
(0.39/0.44/0.00/0.53)

CMYK percentages

%39.5

%43.7

%53.33

Codes

Color #484377 in popluar color models

	48	43	77
RGB	72	67	119
HSL	246°	27.96%	36.47%
HSB/HSV	246°	43.70%	46.67%
CMYK	39.50%	43.70%	0.00%
CMYK	53.33%

Color #484377 in popluar number systems.

HEX	48	43	77
Decimal	72	67	119
Binary	1001000	1000011	1110111
Octal	110	103	167

Shades and tints

Shades of #484377

#484377
(72,67,119)

#423D6D
(66,61,109)

#3C3763
(60,55,99)

#363159
(54,49,89)

#302B4F
(48,43,79)

#2A2545
(42,37,69)

#241F3B
(36,31,59)

#1E1931
(30,25,49)

#181327
(24,19,39)

#120D1D
(18,13,29)

#0C0713
(12,7,19)

#000000
(0,0,0)

Tints of #484377

#484377
(72,67,119)

#585483
(88,84,131)

#68658F
(104,101,143)

#78769B
(120,118,155)

#8887A7
(136,135,167)

#9898B3
(152,152,179)

#A8A9BF
(168,169,191)

#B8BACB
(184,186,203)

#C8CBD7
(200,203,215)

#D8DCE3
(216,220,227)

#E8EDEF
(232,237,239)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #484377 color. Also use rgb(72,67,119) instead hex code.

Text Font Color

.myTextColor { color: #484377; }

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

This text font color is #484377.

Background Color

.myBgColor { background-color: #484377; }

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

This div background color is #484377.

Border color

.myBorderColor { border: 1px solid #484377; }

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

This div border color is #484377.

Opacity

.myOpacity80 { color: #484377; opacity: 0.8; }

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

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

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

This text has shadow with #484377 color.

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

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

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

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

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

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

Div box shadow color

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

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

This div box has shadow with color #484377.

Preview

Color preview on black background

This text has color #484377 on black background.

Color preview on white background

This text has color #484377 on white background.

Black color preview on #484377 background

This text has black color on #484377 background.

White color preview on #484377 background

This text has white color on #484377 background.