COLOR #57499F

HEX: #57499F RGB: (87,73,159)

Color info
Codes
CSS3 styles
Preview
Shades and tints
Color combinations

Color info

#57499F contains mainly blue color. Web safe color of #57499F is #663399 (or #639).

RGB color model

#57499F color RGB value is (87,73,159).

red value is 87;
green value is 73;
blue value is 159.

RGB: (87,73,159) (34%, 29%, 62%)

RGB channels and saturation

R 87 of 255 = 34%
G 73 of 255 = 29%
B 159 of 255 = 62%

159

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

Portions of RGB colors in percentages

R + G + B = 87 + 73 + 159 = 319 (100%)
R 87 of 319 ~ 27.27%
G 73 of 319 ~ 22.88%
B 159 of 319 ~ 49.84'%

%27.27

%22.88

%49.84

CMYK color model

#57499F color CMYK value is (45,54,0,38).

cyan value is 45.28%
magenta value is 54.09%
yellow value is 0.00%
key color value is 37.65%

CMYK: (45,54,0,38) C45M54Y0K38 (45%,54%,0%,38%) (0.45/0.54/0.00/0.38)

CMYK percentages

%45.28

%54.09

%37.65

Codes

Color #57499F in popluar color models

	57	49	9F
RGB	87	73	159
HSL	250°	37.07%	45.49%
HSB/HSV	250°	54.09%	62.35%
CMYK	45.28%	54.09%	0.00%
CMYK	37.65%

Color #57499F in popluar number systems.

HEX	57	49	9F
Decimal	87	73	159
Binary	1010111	1001001	10011111
Octal	127	111	237

Shades and tints

Shades of #57499F

#57499F
(87,73,159)

#504391
(80,67,145)

#493D83
(73,61,131)

#423775
(66,55,117)

#3B3167
(59,49,103)

#342B59
(52,43,89)

#2D254B
(45,37,75)

#261F3D
(38,31,61)

#1F192F
(31,25,47)

#181321
(24,19,33)

#110D13
(17,13,19)

#000000
(0,0,0)

Tints of #57499F

#57499F
(87,73,159)

#6659A7
(102,89,167)

#7569AF
(117,105,175)

#8479B7
(132,121,183)

#9389BF
(147,137,191)

#A299C7
(162,153,199)

#B1A9CF
(177,169,207)

#C0B9D7
(192,185,215)

#CFC9DF
(207,201,223)

#DED9E7
(222,217,231)

#EDE9EF
(237,233,239)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #57499F color. Also use rgb(87,73,159) instead hex code.

Text Font Color

.myTextColor { color: #57499F; }

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

This text font color is #57499F.

Background Color

.myBgColor { background-color: #57499F; }

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

This div background color is #57499F.

Border color

.myBorderColor { border: 1px solid #57499F; }

This div border color is #57499F.

Opacity

.myOpacity80 { color: #57499F; opacity: 0.8; }

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

This text has shadow with #57499F color.

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

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

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

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

Div box shadow color

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

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

This div box has shadow with color #57499F.