Color #058FED

Color info

#058FED contains mainly blue color. Web safe color of #058FED is #0099FF (or #09F).

RGB color model

#058FED color RGB value is (5,143,237).

red value is 5;
green value is 143;
blue value is 237.

RGB:
(5,143,237)
(2%,56%,93%)

RGB channels and saturation

R 5 of 255 = 2%
G 143 of 255 = 56%
B 237 of 255 = 93%

143

237

R + G + B ~ 50%. #058FED is middle color (not dark and not light).

Portions of RGB colors in percentages

R + G + B =
5 + 143 + 237 = 385 (100%)
R 5 of 385 ~ 1.3%
G 143 of 385 ~ 37.14%
B 237 of 385 ~ 61.56%

%37.14

%61.56

CMYK color model

#058FED color CMYK value is (98,40,0,7).

cyan value is 97.89%
magenta value is 39.66%
yellow value is 0.00%
key color value is 7.06%

CMYK:
(98,40,0,7)
C98M40Y0K7 
(98%,40%,0%,7%)
(0.98/0.40/0.00/0.07)

CMYK percentages

%97.89

%39.66

%7.06

Codes

Color #058FED in popluar color models

	05	8F	ED
RGB	5	143	237
HSL	204°	95.87%	47.45%
HSB/HSV	204°	97.89%	92.94%
CMYK	97.89%	39.66%	0.00%
CMYK	7.06%

Color #058FED in popluar number systems.

HEX	05	8F	ED
Decimal	5	143	237
Binary	101	10001111	11101101
Octal	5	217	355

Shades and tints

Shades of #058FED

#058FED
(5,143,237)

#0582D8
(5,130,216)

#0575C3
(5,117,195)

#0568AE
(5,104,174)

#055B99
(5,91,153)

#054E84
(5,78,132)

#05416F
(5,65,111)

#05345A
(5,52,90)

#052745
(5,39,69)

#051A30
(5,26,48)

#050D1B
(5,13,27)

#000000
(0,0,0)

Tints of #058FED

#058FED
(5,143,237)

#1B99EE
(27,153,238)

#31A3EF
(49,163,239)

#47ADF0
(71,173,240)

#5DB7F1
(93,183,241)

#73C1F2
(115,193,242)

#89CBF3
(137,203,243)

#9FD5F4
(159,213,244)

#B5DFF5
(181,223,245)

#CBE9F6
(203,233,246)

#E1F3F7
(225,243,247)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #058FED color. Also use rgb(5,143,237) instead hex code.

Text Font Color

.myTextColor { color: #058FED; }

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

This text font color is #058FED.

Background Color

.myBgColor { background-color: #058FED; }

<div style="background-color:#058FED">Inner text</div>

This div background color is #058FED.

Border color

.myBorderColor { border: 1px solid #058FED; }

<div style="border:3px solid #058FED">Div</div>

This div border color is #058FED.

Opacity

.myOpacity80 { color: #058FED; opacity: 0.8; }

<p style="color:#058FED;opacity:0.8;">80%</p>

Text with #058FED 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 #058FED;}

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

This text has shadow with #058FED color.

.textShadow {text-shadow: 3px 3px 1px #058FED, 3px 3px 1px red;}

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

This text has shadow with #058FED primary color and red secondary color.

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

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

This text has shadow with #058FED and red colors in old Internet Explorer.

Div box shadow color

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

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

This div box has shadow with color #058FED.

Preview

Color preview on black background

This text has color #058FED on black background.

Color preview on white background

This text has color #058FED on white background.

Black color preview on #058FED background

This text has black color on #058FED background.

White color preview on #058FED background

This text has white color on #058FED background.