Color #537C93

Color info

#537C93 contains mainly green and blue colors. Web safe color of #537C93 is #666699 (or #669).

RGB color model

#537C93 color RGB value is (83,124,147).

red value is 83;
green value is 124;
blue value is 147.

RGB:
(83,124,147)
(33%,49%,58%)

RGB channels and saturation

R 83 of 255 = 33%
G 124 of 255 = 49%
B 147 of 255 = 58%

124

147

R + G + B ~ 47%. #537C93 is middle color (not dark and not light).

Portions of RGB colors in percentages

R + G + B =
83 + 124 + 147 = 354 (100%)
R 83 of 354 ~ 23.45%
G 124 of 354 ~ 35.03%
B 147 of 354 ~ 41.53%

%23.45

%35.03

%41.53

CMYK color model

#537C93 color CMYK value is (44,16,0,42).

cyan value is 43.54%
magenta value is 15.65%
yellow value is 0.00%
key color value is 42.35%

CMYK:
(44,16,0,42)
C44M16Y0K42 
(44%,16%,0%,42%)
(0.44/0.16/0.00/0.42)

CMYK percentages

%43.54

%15.65

%42.35

Codes

Color #537C93 in popluar color models

	53	7C	93
RGB	83	124	147
HSL	202°	27.83%	45.10%
HSB/HSV	202°	43.54%	57.65%
CMYK	43.54%	15.65%	0.00%
CMYK	42.35%

Color #537C93 in popluar number systems.

HEX	53	7C	93
Decimal	83	124	147
Binary	1010011	1111100	10010011
Octal	123	174	223

Shades and tints

Shades of #537C93

#537C93
(83,124,147)

#4C7186
(76,113,134)

#456679
(69,102,121)

#3E5B6C
(62,91,108)

#37505F
(55,80,95)

#304552
(48,69,82)

#293A45
(41,58,69)

#222F38
(34,47,56)

#1B242B
(27,36,43)

#14191E
(20,25,30)

#0D0E11
(13,14,17)

#000000
(0,0,0)

Tints of #537C93

#537C93
(83,124,147)

#62879C
(98,135,156)

#7192A5
(113,146,165)

#809DAE
(128,157,174)

#8FA8B7
(143,168,183)

#9EB3C0
(158,179,192)

#ADBEC9
(173,190,201)

#BCC9D2
(188,201,210)

#CBD4DB
(203,212,219)

#DADFE4
(218,223,228)

#E9EAED
(233,234,237)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #537C93 color. Also use rgb(83,124,147) instead hex code.

Text Font Color

.myTextColor { color: #537C93; }

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

This text font color is #537C93.

Background Color

.myBgColor { background-color: #537C93; }

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

This div background color is #537C93.

Border color

.myBorderColor { border: 1px solid #537C93; }

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

This div border color is #537C93.

Opacity

.myOpacity80 { color: #537C93; opacity: 0.8; }

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

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

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

This text has shadow with #537C93 color.

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

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

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

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

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

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

Div box shadow color

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

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

This div box has shadow with color #537C93.

Preview

Color preview on black background

This text has color #537C93 on black background.

Color preview on white background

This text has color #537C93 on white background.

Black color preview on #537C93 background

This text has black color on #537C93 background.

White color preview on #537C93 background

This text has white color on #537C93 background.