Color #215577

Color info

#215577 contains mainly green and blue colors. Web safe color of #215577 is #336666 (or #366).

RGB color model

#215577 color RGB value is (33,85,119).

red value is 33;
green value is 85;
blue value is 119.

RGB:
(33,85,119)
(13%,33%,47%)

RGB channels and saturation

R 33 of 255 = 13%
G 85 of 255 = 33%
B 119 of 255 = 47%

119

R + G + B ~ 31%. #215577 is quite dark color.

Portions of RGB colors in percentages

R + G + B =
33 + 85 + 119 = 237 (100%)
R 33 of 237 ~ 13.92%
G 85 of 237 ~ 35.86%
B 119 of 237 ~ 50.21%

%13.92

%35.86

%50.21

CMYK color model

#215577 color CMYK value is (72,29,0,53).

cyan value is 72.27%
magenta value is 28.57%
yellow value is 0.00%
key color value is 53.33%

CMYK:
(72,29,0,53)
C72M29Y0K53 
(72%,29%,0%,53%)
(0.72/0.29/0.00/0.53)

CMYK percentages

%72.27

%28.57

%53.33

Codes

Color #215577 in popluar color models

	21	55	77
RGB	33	85	119
HSL	204°	56.58%	29.80%
HSB/HSV	204°	72.27%	46.67%
CMYK	72.27%	28.57%	0.00%
CMYK	53.33%

Color #215577 in popluar number systems.

HEX	21	55	77
Decimal	33	85	119
Binary	100001	1010101	1110111
Octal	41	125	167

Shades and tints

Shades of #215577

#215577
(33,85,119)

#1E4E6D
(30,78,109)

#1B4763
(27,71,99)

#184059
(24,64,89)

#15394F
(21,57,79)

#123245
(18,50,69)

#0F2B3B
(15,43,59)

#0C2431
(12,36,49)

#091D27
(9,29,39)

#06161D
(6,22,29)

#030F13
(3,15,19)

#000000
(0,0,0)

Tints of #215577

#215577
(33,85,119)

#356483
(53,100,131)

#49738F
(73,115,143)

#5D829B
(93,130,155)

#7191A7
(113,145,167)

#85A0B3
(133,160,179)

#99AFBF
(153,175,191)

#ADBECB
(173,190,203)

#C1CDD7
(193,205,215)

#D5DCE3
(213,220,227)

#E9EBEF
(233,235,239)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #215577 color. Also use rgb(33,85,119) instead hex code.

Text Font Color

.myTextColor { color: #215577; }

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

This text font color is #215577.

Background Color

.myBgColor { background-color: #215577; }

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

This div background color is #215577.

Border color

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

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

This div border color is #215577.

Opacity

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

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

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

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

This text has shadow with #215577 color.

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

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

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

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

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

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

Div box shadow color

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

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

This div box has shadow with color #215577.

Preview

Color preview on black background

This text has color #215577 on black background.

Color preview on white background

This text has color #215577 on white background.

Black color preview on #215577 background

This text has black color on #215577 background.

White color preview on #215577 background

This text has white color on #215577 background.