Color #5882EB

Color info

#5882EB contains mainly blue color. Web safe color of #5882EB is #6699FF (or #69F).

RGB color model

#5882EB color RGB value is (88,130,235).

red value is 88;
green value is 130;
blue value is 235.

RGB:
(88,130,235)
(35%,51%,92%)

RGB channels and saturation

R 88 of 255 = 35%
G 130 of 255 = 51%
B 235 of 255 = 92%

130

235

R + G + B ~ 59%. #5882EB is middle color (not dark and not light).

Portions of RGB colors in percentages

R + G + B =
88 + 130 + 235 = 453 (100%)
R 88 of 453 ~ 19.43%
G 130 of 453 ~ 28.7%
B 235 of 453 ~ 51.88%

%19.43

%28.7

%51.88

CMYK color model

#5882EB color CMYK value is (63,45,0,8).

cyan value is 62.55%
magenta value is 44.68%
yellow value is 0.00%
key color value is 7.84%

CMYK:
(63,45,0,8)
C63M45Y0K8 
(63%,45%,0%,8%)
(0.63/0.45/0.00/0.08)

CMYK percentages

%62.55

%44.68

%7.84

Codes

Color #5882EB in popluar color models

	58	82	EB
RGB	88	130	235
HSL	223°	78.61%	63.33%
HSB/HSV	223°	62.55%	92.16%
CMYK	62.55%	44.68%	0.00%
CMYK	7.84%

Color #5882EB in popluar number systems.

HEX	58	82	EB
Decimal	88	130	235
Binary	1011000	10000010	11101011
Octal	130	202	353

Shades and tints

Shades of #5882EB

#5882EB
(88,130,235)

#5077D6
(80,119,214)

#486CC1
(72,108,193)

#4061AC
(64,97,172)

#385697
(56,86,151)

#304B82
(48,75,130)

#28406D
(40,64,109)

#203558
(32,53,88)

#182A43
(24,42,67)

#101F2E
(16,31,46)

#081419
(8,20,25)

#000000
(0,0,0)

Tints of #5882EB

#5882EB
(88,130,235)

#678DEC
(103,141,236)

#7698ED
(118,152,237)

#85A3EE
(133,163,238)

#94AEEF
(148,174,239)

#A3B9F0
(163,185,240)

#B2C4F1
(178,196,241)

#C1CFF2
(193,207,242)

#D0DAF3
(208,218,243)

#DFE5F4
(223,229,244)

#EEF0F5
(238,240,245)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #5882EB color. Also use rgb(88,130,235) instead hex code.

Text Font Color

.myTextColor { color: #5882EB; }

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

This text font color is #5882EB.

Background Color

.myBgColor { background-color: #5882EB; }

<div style="background-color:#5882EB">Inner text</div>

This div background color is #5882EB.

Border color

.myBorderColor { border: 1px solid #5882EB; }

<div style="border:3px solid #5882EB">Div</div>

This div border color is #5882EB.

Opacity

.myOpacity80 { color: #5882EB; opacity: 0.8; }

<p style="color:#5882EB;opacity:0.8;">80%</p>

Text with #5882EB 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 #5882EB;}

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

This text has shadow with #5882EB color.

.textShadow {text-shadow: 3px 3px 1px #5882EB, 3px 3px 1px red;}

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

This text has shadow with #5882EB primary color and red secondary color.

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

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

This text has shadow with #5882EB and red colors in old Internet Explorer.

Div box shadow color

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

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

This div box has shadow with color #5882EB.

Preview

Color preview on black background

This text has color #5882EB on black background.

Color preview on white background

This text has color #5882EB on white background.

Black color preview on #5882EB background

This text has black color on #5882EB background.

White color preview on #5882EB background

This text has white color on #5882EB background.