Color #577CCE

Color info

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

RGB color model

#577CCE color RGB value is (87,124,206).

red value is 87;
green value is 124;
blue value is 206.

RGB:
(87,124,206)
(34%,49%,81%)

RGB channels and saturation

R 87 of 255 = 34%
G 124 of 255 = 49%
B 206 of 255 = 81%

124

206

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

Portions of RGB colors in percentages

R + G + B =
87 + 124 + 206 = 417 (100%)
R 87 of 417 ~ 20.86%
G 124 of 417 ~ 29.74%
B 206 of 417 ~ 49.4%

%20.86

%29.74

%49.4

CMYK color model

#577CCE color CMYK value is (58,40,0,19).

cyan value is 57.77%
magenta value is 39.81%
yellow value is 0.00%
key color value is 19.22%

CMYK:
(58,40,0,19)
C58M40Y0K19 
(58%,40%,0%,19%)
(0.58/0.40/0.00/0.19)

CMYK percentages

%57.77

%39.81

%19.22

Codes

Color #577CCE in popluar color models

	57	7C	CE
RGB	87	124	206
HSL	221°	54.84%	57.45%
HSB/HSV	221°	57.77%	80.78%
CMYK	57.77%	39.81%	0.00%
CMYK	19.22%

Color #577CCE in popluar number systems.

HEX	57	7C	CE
Decimal	87	124	206
Binary	1010111	1111100	11001110
Octal	127	174	316

Shades and tints

Shades of #577CCE

#577CCE
(87,124,206)

#5071BC
(80,113,188)

#4966AA
(73,102,170)

#425B98
(66,91,152)

#3B5086
(59,80,134)

#344574
(52,69,116)

#2D3A62
(45,58,98)

#262F50
(38,47,80)

#1F243E
(31,36,62)

#18192C
(24,25,44)

#110E1A
(17,14,26)

#000000
(0,0,0)

Tints of #577CCE

#577CCE
(87,124,206)

#6687D2
(102,135,210)

#7592D6
(117,146,214)

#849DDA
(132,157,218)

#93A8DE
(147,168,222)

#A2B3E2
(162,179,226)

#B1BEE6
(177,190,230)

#C0C9EA
(192,201,234)

#CFD4EE
(207,212,238)

#DEDFF2
(222,223,242)

#EDEAF6
(237,234,246)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #577CCE color. Also use rgb(87,124,206) instead hex code.

Text Font Color

.myTextColor { color: #577CCE; }

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

This text font color is #577CCE.

Background Color

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

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

This div background color is #577CCE.

Border color

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

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

This div border color is #577CCE.

Opacity

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

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

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

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

This text has shadow with #577CCE color.

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

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

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

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

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

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

Div box shadow color

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

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

This div box has shadow with color #577CCE.

Preview

Color preview on black background

This text has color #577CCE on black background.

Color preview on white background

This text has color #577CCE on white background.

Black color preview on #577CCE background

This text has black color on #577CCE background.

White color preview on #577CCE background

This text has white color on #577CCE background.