COLOR #484499

HEX: #484499 RGB: (72,68,153)

Color info
Codes
CSS3 styles
Preview
Shades and tints
Color combinations

Color info

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

RGB color model

#484499 color RGB value is (72,68,153).

red value is 72;
green value is 68;
blue value is 153.

RGB: (72,68,153) (28%, 27%, 60%)

RGB channels and saturation

R 72 of 255 = 28%
G 68 of 255 = 27%
B 153 of 255 = 60%

153

R + G + B ~ 38%. #484499 is quite dark color.

Portions of RGB colors in percentages

R + G + B = 72 + 68 + 153 = 293 (100%)
R 72 of 293 ~ 24.57%
G 68 of 293 ~ 23.21%
B 153 of 293 ~ 52.22'%

%24.57

%23.21

%52.22

CMYK color model

#484499 color CMYK value is (53,56,0,40).

cyan value is 52.94%
magenta value is 55.56%
yellow value is 0.00%
key color value is 40.00%

CMYK: (53,56,0,40) C53M56Y0K40 (53%,56%,0%,40%) (0.53/0.56/0.00/0.40)

CMYK percentages

%52.94

%55.56

%40

Codes

Color #484499 in popluar color models

	48	44	99
RGB	72	68	153
HSL	243°	38.46%	43.33%
HSB/HSV	243°	55.56%	60.00%
CMYK	52.94%	55.56%	0.00%
CMYK	40.00%

Color #484499 in popluar number systems.

HEX	48	44	99
Decimal	72	68	153
Binary	1001000	1000100	10011001
Octal	110	104	231

Shades and tints

Shades of #484499

#484499
(72,68,153)

#423E8C
(66,62,140)

#3C387F
(60,56,127)

#363272
(54,50,114)

#302C65
(48,44,101)

#2A2658
(42,38,88)

#24204B
(36,32,75)

#1E1A3E
(30,26,62)

#181431
(24,20,49)

#120E24
(18,14,36)

#0C0817
(12,8,23)

#000000
(0,0,0)

Tints of #484499

#484499
(72,68,153)

#5855A2
(88,85,162)

#6866AB
(104,102,171)

#7877B4
(120,119,180)

#8888BD
(136,136,189)

#9899C6
(152,153,198)

#A8AACF
(168,170,207)

#B8BBD8
(184,187,216)

#C8CCE1
(200,204,225)

#D8DDEA
(216,221,234)

#E8EEF3
(232,238,243)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #484499 color. Also use rgb(72,68,153) instead hex code.

Text Font Color

.myTextColor { color: #484499; }

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

This text font color is #484499.

Background Color

.myBgColor { background-color: #484499; }

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

This div background color is #484499.

Border color

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

This div border color is #484499.

Opacity

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

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

This text has shadow with #484499 color.

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

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

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

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

Div box shadow color

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

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

This div box has shadow with color #484499.