Color #587388

Color info

#587388 contains red, green and blue colors in about the same proportion. Web safe color of #587388 is #666699 (or #669).

RGB color model

#587388 color RGB value is (88,115,136).

red value is 88;
green value is 115;
blue value is 136.

RGB:
(88,115,136)
(35%,45%,53%)

RGB channels and saturation

R 88 of 255 = 35%
G 115 of 255 = 45%
B 136 of 255 = 53%

115

136

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

Portions of RGB colors in percentages

R + G + B =
88 + 115 + 136 = 339 (100%)
R 88 of 339 ~ 25.96%
G 115 of 339 ~ 33.92%
B 136 of 339 ~ 40.12%

%25.96

%33.92

%40.12

CMYK color model

#587388 color CMYK value is (35,15,0,47).

cyan value is 35.29%
magenta value is 15.44%
yellow value is 0.00%
key color value is 46.67%

CMYK:
(35,15,0,47)
C35M15Y0K47 
(35%,15%,0%,47%)
(0.35/0.15/0.00/0.47)

CMYK percentages

%35.29

%15.44

%46.67

Codes

Color #587388 in popluar color models

	58	73	88
RGB	88	115	136
HSL	206°	21.43%	43.92%
HSB/HSV	206°	35.29%	53.33%
CMYK	35.29%	15.44%	0.00%
CMYK	46.67%

Color #587388 in popluar number systems.

HEX	58	73	88
Decimal	88	115	136
Binary	1011000	1110011	10001000
Octal	130	163	210

Shades and tints

Shades of #587388

#587388
(88,115,136)

#50697C
(80,105,124)

#485F70
(72,95,112)

#405564
(64,85,100)

#384B58
(56,75,88)

#30414C
(48,65,76)

#283740
(40,55,64)

#202D34
(32,45,52)

#182328
(24,35,40)

#10191C
(16,25,28)

#080F10
(8,15,16)

#000000
(0,0,0)

Tints of #587388

#587388
(88,115,136)

#677F92
(103,127,146)

#768B9C
(118,139,156)

#8597A6
(133,151,166)

#94A3B0
(148,163,176)

#A3AFBA
(163,175,186)

#B2BBC4
(178,187,196)

#C1C7CE
(193,199,206)

#D0D3D8
(208,211,216)

#DFDFE2
(223,223,226)

#EEEBEC
(238,235,236)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #587388 color. Also use rgb(88,115,136) instead hex code.

Text Font Color

.myTextColor { color: #587388; }

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

This text font color is #587388.

Background Color

.myBgColor { background-color: #587388; }

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

This div background color is #587388.

Border color

.myBorderColor { border: 1px solid #587388; }

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

This div border color is #587388.

Opacity

.myOpacity80 { color: #587388; opacity: 0.8; }

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

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

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

This text has shadow with #587388 color.

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

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

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

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

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

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

Div box shadow color

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

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

This div box has shadow with color #587388.

Preview

Color preview on black background

This text has color #587388 on black background.

Color preview on white background

This text has color #587388 on white background.

Black color preview on #587388 background

This text has black color on #587388 background.

White color preview on #587388 background

This text has white color on #587388 background.