COLOR #57478D

HEX: #57478D RGB: (87,71,141)

Color info
Codes
CSS3 styles
Preview
Shades and tints
Color combinations

Color info

#57478D contains mainly red and blue colors. Web safe color of #57478D is #663399 (or #639).

RGB color model

#57478D color RGB value is (87,71,141).

red value is 87;
green value is 71;
blue value is 141.

RGB: (87,71,141) (34%, 28%, 55%)

RGB channels and saturation

R 87 of 255 = 34%
G 71 of 255 = 28%
B 141 of 255 = 55%

141

R + G + B ~ 39%. #57478D is quite dark color.

Portions of RGB colors in percentages

R + G + B = 87 + 71 + 141 = 299 (100%)
R 87 of 299 ~ 29.1%
G 71 of 299 ~ 23.75%
B 141 of 299 ~ 47.16'%

%29.1

%23.75

%47.16

CMYK color model

#57478D color CMYK value is (38,50,0,45).

cyan value is 38.30%
magenta value is 49.65%
yellow value is 0.00%
key color value is 44.71%

CMYK: (38,50,0,45) C38M50Y0K45 (38%,50%,0%,45%) (0.38/0.50/0.00/0.45)

CMYK percentages

%38.3

%49.65

%44.71

Codes

Color #57478D in popluar color models

	57	47	8D
RGB	87	71	141
HSL	254°	33.02%	41.57%
HSB/HSV	254°	49.65%	55.29%
CMYK	38.30%	49.65%	0.00%
CMYK	44.71%

Color #57478D in popluar number systems.

HEX	57	47	8D
Decimal	87	71	141
Binary	1010111	1000111	10001101
Octal	127	107	215

Shades and tints

Shades of #57478D

#57478D
(87,71,141)

#504181
(80,65,129)

#493B75
(73,59,117)

#423569
(66,53,105)

#3B2F5D
(59,47,93)

#342951
(52,41,81)

#2D2345
(45,35,69)

#261D39
(38,29,57)

#1F172D
(31,23,45)

#181121
(24,17,33)

#110B15
(17,11,21)

#000000
(0,0,0)

Tints of #57478D

#57478D
(87,71,141)

#665797
(102,87,151)

#7567A1
(117,103,161)

#8477AB
(132,119,171)

#9387B5
(147,135,181)

#A297BF
(162,151,191)

#B1A7C9
(177,167,201)

#C0B7D3
(192,183,211)

#CFC7DD
(207,199,221)

#DED7E7
(222,215,231)

#EDE7F1
(237,231,241)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #57478D color. Also use rgb(87,71,141) instead hex code.

Text Font Color

.myTextColor { color: #57478D; }

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

This text font color is #57478D.

Background Color

.myBgColor { background-color: #57478D; }

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

This div background color is #57478D.

Border color

.myBorderColor { border: 1px solid #57478D; }

This div border color is #57478D.

Opacity

.myOpacity80 { color: #57478D; opacity: 0.8; }

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

This text has shadow with #57478D color.

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

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

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

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

Div box shadow color

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

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

This div box has shadow with color #57478D.