Color #577FD1

Color info

#577FD1 contains mainly blue color. Web safe color of #577FD1 is #6666CC (or #66C).

RGB color model

#577FD1 color RGB value is (87,127,209).

red value is 87;
green value is 127;
blue value is 209.

RGB: (87,127,209) (34%, 50%, 82%)

RGB channels and saturation

R 87 of 255 = 34%
G 127 of 255 = 50%
B 209 of 255 = 82%

87

127

209

R + G + B ~ 55%. #577FD1 is middle color (not dark and not light).

Portions of RGB colors in percentages

R + G + B = 87 + 127 + 209 = 423 (100%)
R 87 of 423 ~ 20.57%
G 127 of 423 ~ 30.02%
B 209 of 423 ~ 49.41'%

%20.57

%30.02

%49.41

CMYK color model

#577FD1 color CMYK value is (58,39,0,18).

cyan value is 58.37%
magenta value is 39.23%
yellow value is 0.00%
key color value is 18.04%

CMYK: (58,39,0,18)
C58M39Y0K18 (58%, 39%, 0%, 18%)
(0.58 / 0.39 / 0.00 / 0.18)

CMYK percentages

%58.37

%39.23

%0

%18.04

Codes

Color #577FD1 in popluar color models

	57	7F	D1
RGB	87	127	209
HSL	220°	57.01%	58.04%
HSB/HSV	220°	58.37%	81.96%
CMYK	58.37%	39.23%	0.00%
CMYK	18.04%

Color #577FD1 in popluar number systems.

HEX	57	7F	D1
Decimal	87	127	209
Binary	1010111	1111111	11010001
Octal	127	177	321

Shades and tints

Shades of #577FD1

#577FD1
(87,127,209)

#5074BE
(80,116,190)

#4969AB
(73,105,171)

#425E98
(66,94,152)

#3B5385
(59,83,133)

#344872
(52,72,114)

#2D3D5F
(45,61,95)

#26324C
(38,50,76)

#1F2739
(31,39,57)

#181C26
(24,28,38)

#111113
(17,17,19)

#000000
(0,0,0)

Tints of #577FD1

#577FD1
(87,127,209)

#668AD5
(102,138,213)

#7595D9
(117,149,217)

#84A0DD
(132,160,221)

#93ABE1
(147,171,225)

#A2B6E5
(162,182,229)

#B1C1E9
(177,193,233)

#C0CCED
(192,204,237)

#CFD7F1
(207,215,241)

#DEE2F5
(222,226,245)

#EDEDF9
(237,237,249)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #577FD1 color. Also use rgb(87,127,209) instead hex code.

Text Font Color

.myTextColor { color: #577FD1; }

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

This text font color is #577FD1.

Background Color

.myBgColor { background-color: #577FD1; }

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

This div background color is #577FD1.

Border color

.myBorderColor { border: 1px solid #577FD1; }

This div border color is #577FD1.

Opacity

.myOpacity80 { color: #577FD1; opacity: 0.8; }

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

This text has shadow with #577FD1 color.

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

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

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

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

Div box shadow color

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

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

This div box has shadow with color #577FD1.