COLOR #497C92

HEX: #497C92 RGB: (73,124,146)

Color info
Codes
CSS3 styles
Preview
Shades and tints
Color combinations

Color info

#497C92 contains mainly green and blue colors. Web safe color of #497C92 is #336699 (or #369).

RGB color model

#497C92 color RGB value is (73,124,146).

red value is 73;
green value is 124;
blue value is 146.

RGB: (73,124,146) (29%, 49%, 57%)

RGB channels and saturation

R 73 of 255 = 29%
G 124 of 255 = 49%
B 146 of 255 = 57%

124

146

R + G + B ~ 45%. #497C92 is middle color (not dark and not light).

Portions of RGB colors in percentages

R + G + B = 73 + 124 + 146 = 343 (100%)
R 73 of 343 ~ 21.28%
G 124 of 343 ~ 36.15%
B 146 of 343 ~ 42.57'%

%21.28

%36.15

%42.57

CMYK color model

#497C92 color CMYK value is (50,15,0,43).

cyan value is 50.00%
magenta value is 15.07%
yellow value is 0.00%
key color value is 42.75%

CMYK: (50,15,0,43) C50M15Y0K43 (50%,15%,0%,43%) (0.50/0.15/0.00/0.43)

CMYK percentages

%50

%15.07

%42.75

Codes

Color #497C92 in popluar color models

	49	7C	92
RGB	73	124	146
HSL	198°	33.33%	42.94%
HSB/HSV	198°	50.00%	57.25%
CMYK	50.00%	15.07%	0.00%
CMYK	42.75%

Color #497C92 in popluar number systems.

HEX	49	7C	92
Decimal	73	124	146
Binary	1001001	1111100	10010010
Octal	111	174	222

Shades and tints

Shades of #497C92

#497C92
(73,124,146)

#437185
(67,113,133)

#3D6678
(61,102,120)

#375B6B
(55,91,107)

#31505E
(49,80,94)

#2B4551
(43,69,81)

#253A44
(37,58,68)

#1F2F37
(31,47,55)

#19242A
(25,36,42)

#13191D
(19,25,29)

#0D0E10
(13,14,16)

#000000
(0,0,0)

Tints of #497C92

#497C92
(73,124,146)

#59879B
(89,135,155)

#6992A4
(105,146,164)

#799DAD
(121,157,173)

#89A8B6
(137,168,182)

#99B3BF
(153,179,191)

#A9BEC8
(169,190,200)

#B9C9D1
(185,201,209)

#C9D4DA
(201,212,218)

#D9DFE3
(217,223,227)

#E9EAEC
(233,234,236)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #497C92 color. Also use rgb(73,124,146) instead hex code.

Text Font Color

.myTextColor { color: #497C92; }

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

This text font color is #497C92.

Background Color

.myBgColor { background-color: #497C92; }

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

This div background color is #497C92.

Border color

.myBorderColor { border: 1px solid #497C92; }

This div border color is #497C92.

Opacity

.myOpacity80 { color: #497C92; opacity: 0.8; }

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

This text has shadow with #497C92 color.

.textShadow {text-shadow: 3px 3px 1px #497C92', 3px 3px 1px red;}

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

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

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

Div box shadow color

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

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

This div box has shadow with color #497C92.