Color #057FCF

Color info

#057FCF contains mainly blue color. Web safe color of #057FCF is #0066CC (or #06C).

RGB color model

#057FCF color RGB value is (5,127,207).

red value is 5;
green value is 127;
blue value is 207.

RGB:
(5,127,207)
(2%,50%,81%)

RGB channels and saturation

R 5 of 255 = 2%
G 127 of 255 = 50%
B 207 of 255 = 81%

127

207

R + G + B ~ 44%. #057FCF is middle color (not dark and not light).

Portions of RGB colors in percentages

R + G + B =
5 + 127 + 207 = 339 (100%)
R 5 of 339 ~ 1.47%
G 127 of 339 ~ 37.46%
B 207 of 339 ~ 61.06%

%37.46

%61.06

CMYK color model

#057FCF color CMYK value is (98,39,0,19).

cyan value is 97.58%
magenta value is 38.65%
yellow value is 0.00%
key color value is 18.82%

CMYK:
(98,39,0,19)
C98M39Y0K19 
(98%,39%,0%,19%)
(0.98/0.39/0.00/0.19)

CMYK percentages

%97.58

%38.65

%18.82

Codes

Color #057FCF in popluar color models

	05	7F	CF
RGB	5	127	207
HSL	204°	95.28%	41.57%
HSB/HSV	204°	97.58%	81.18%
CMYK	97.58%	38.65%	0.00%
CMYK	18.82%

Color #057FCF in popluar number systems.

HEX	05	7F	CF
Decimal	5	127	207
Binary	101	1111111	11001111
Octal	5	177	317

Shades and tints

Shades of #057FCF

#057FCF
(5,127,207)

#0574BD
(5,116,189)

#0569AB
(5,105,171)

#055E99
(5,94,153)

#055387
(5,83,135)

#054875
(5,72,117)

#053D63
(5,61,99)

#053251
(5,50,81)

#05273F
(5,39,63)

#051C2D
(5,28,45)

#05111B
(5,17,27)

#000000
(0,0,0)

Tints of #057FCF

#057FCF
(5,127,207)

#1B8AD3
(27,138,211)

#3195D7
(49,149,215)

#47A0DB
(71,160,219)

#5DABDF
(93,171,223)

#73B6E3
(115,182,227)

#89C1E7
(137,193,231)

#9FCCEB
(159,204,235)

#B5D7EF
(181,215,239)

#CBE2F3
(203,226,243)

#E1EDF7
(225,237,247)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #057FCF color. Also use rgb(5,127,207) instead hex code.

Text Font Color

.myTextColor { color: #057FCF; }

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

This text font color is #057FCF.

Background Color

.myBgColor { background-color: #057FCF; }

<div style="background-color:#057FCF">Inner text</div>

This div background color is #057FCF.

Border color

.myBorderColor { border: 1px solid #057FCF; }

<div style="border:3px solid #057FCF">Div</div>

This div border color is #057FCF.

Opacity

.myOpacity80 { color: #057FCF; opacity: 0.8; }

<p style="color:#057FCF;opacity:0.8;">80%</p>

Text with #057FCF 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 #057FCF;}

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

This text has shadow with #057FCF color.

.textShadow {text-shadow: 3px 3px 1px #057FCF, 3px 3px 1px red;}

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

This text has shadow with #057FCF primary color and red secondary color.

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

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

This text has shadow with #057FCF and red colors in old Internet Explorer.

Div box shadow color

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

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

This div box has shadow with color #057FCF.

Preview

Color preview on black background

This text has color #057FCF on black background.

Color preview on white background

This text has color #057FCF on white background.

Black color preview on #057FCF background

This text has black color on #057FCF background.

White color preview on #057FCF background

This text has white color on #057FCF background.