COLOR #557DEC

HEX: #557DEC
RGB: (85,125,236)

Color info

#557DEC contains mainly blue color. Web safe color of #557DEC is #6666FF (or #66F).

RGB color model

#557DEC color RGB value is (85,125,236).

  • red value is 85;
  • green value is 125;
  • blue value is 236.
RGB:
(85,125,236)
(33%,49%,93%)

RGB channels and saturation

R 85 of 255 = 33%
G 125 of 255 = 49%
B 236 of 255 = 93%

85
125
236

R + G + B ~ 58%. #557DEC is middle color (not dark and not light).

Portions of RGB colors in percentages

R + G + B =
85 + 125 + 236 = 446 (100%)
R 85 of 446 ~ 19.06%
G 125 of 446 ~ 28.03%
B 236 of 446 ~ 52.91%

%19.06
%28.03
%52.91

CMYK color model

#557DEC color CMYK value is (64,47,0,7).

  • cyan value is 63.98%
  • magenta value is 47.03%
  • yellow value is 0.00%
  • key color value is 7.45%
CMYK:
(64,47,0,7)
C64M47Y0K7 
(64%,47%,0%,7%)
(0.64/0.47/0.00/0.07)	

CMYK percentages

%63.98
%47.03
%0
%7.45

Codes

Color #557DEC in popluar color models

557DEC
RGB85125236
HSL224°79.89%62.94%
HSB/HSV224°63.98%92.55%
CMYK63.98%47.03%0.00%
7.45%

Color #557DEC in popluar number systems.

HEX557DEC
Decimal85125236
Binary1010101111110111101100
Octal125175354

Shades and tints

Shades of #557DEC

#557DEC
(85,125,236)
#4E72D7
(78,114,215)
#4767C2
(71,103,194)
#405CAD
(64,92,173)
#395198
(57,81,152)
#324683
(50,70,131)
#2B3B6E
(43,59,110)
#243059
(36,48,89)
#1D2544
(29,37,68)
#161A2F
(22,26,47)
#0F0F1A
(15,15,26)
#000000
(0,0,0)

Tints of #557DEC

#557DEC
(85,125,236)
#6488ED
(100,136,237)
#7393EE
(115,147,238)
#829EEF
(130,158,239)
#91A9F0
(145,169,240)
#A0B4F1
(160,180,241)
#AFBFF2
(175,191,242)
#BECAF3
(190,202,243)
#CDD5F4
(205,213,244)
#DCE0F5
(220,224,245)
#EBEBF6
(235,235,246)
#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #557DEC color. Also use rgb(85,125,236) instead hex code.

Text Font Color

.myTextColor { color: #557DEC; }

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

This text font color is #557DEC.


Background Color

.myBgColor { background-color: #557DEC; }

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

This div background color is #557DEC.


Border color

.myBorderColor { border: 1px solid #557DEC; }

<div style="border:3px solid #557DEC">Div</div>

This div border color is #557DEC.


Opacity

.myOpacity80 { color: #557DEC; opacity: 0.8; }

<p style="color:#557DEC;opacity:0.8;">80%</p>

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

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

This text has shadow with #557DEC color.

.textShadow {text-shadow: 3px 3px 1px #557DEC, 3px 3px 1px red;}

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

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


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

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

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


Div box shadow color

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

/* html code with inline style */
<div style="-moz-box-shadow: 1px 1px 3px 2px #557DEC;
-webkit-box-shadow: 1px 1px 3px 2px #557DEC;
box-shadow:1px 1px 3px 2px #557DEC;">
Div content here</div>
This div box has shadow with color #557DEC.

Preview

Color preview on black background

This text has color #557DEC on black background.


Color preview on white background

This text has color #557DEC on white background.



Black color preview on #557DEC background

This text has black color on #557DEC background.


White color preview on #557DEC background

This text has white color on #557DEC background.