Color #498A7A

Color info

#498A7A contains mainly green and blue colors. Web safe color of #498A7A is #339966 (or #396).

RGB color model

#498A7A color RGB value is (73,138,122).

red value is 73;
green value is 138;
blue value is 122.

RGB: (73,138,122) (29%, 54%, 48%)

RGB channels and saturation

R 73 of 255 = 29%
G 138 of 255 = 54%
B 122 of 255 = 48%

73

138

122

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

Portions of RGB colors in percentages

R + G + B = 73 + 138 + 122 = 333 (100%)
R 73 of 333 ~ 21.92%
G 138 of 333 ~ 41.44%
B 122 of 333 ~ 36.64'%

%21.92

%41.44

%36.64

CMYK color model

#498A7A color CMYK value is (47,0,12,46).

cyan value is 47.10%
magenta value is 0.00%
yellow value is 11.59%
key color value is 45.88%

CMYK: (47,0,12,46)
C47M0Y12K46 (47%, 0%, 12%, 46%)
(0.47 / 0.00 / 0.12 / 0.46)

CMYK percentages

%47.1

%0

%11.59

%45.88

Codes

Color #498A7A in popluar color models

	49	8A	7A
RGB	73	138	122
HSL	165°	30.81%	41.37%
HSB/HSV	165°	47.10%	54.12%
CMYK	47.10%	0.00%	11.59%
CMYK	45.88%

Color #498A7A in popluar number systems.

HEX	49	8A	7A
Decimal	73	138	122
Binary	1001001	10001010	1111010
Octal	111	212	172

Shades and tints

Shades of #498A7A

#498A7A
(73,138,122)

#437E6F
(67,126,111)

#3D7264
(61,114,100)

#376659
(55,102,89)

#315A4E
(49,90,78)

#2B4E43
(43,78,67)

#254238
(37,66,56)

#1F362D
(31,54,45)

#192A22
(25,42,34)

#131E17
(19,30,23)

#0D120C
(13,18,12)

#000000
(0,0,0)

Tints of #498A7A

#498A7A
(73,138,122)

#599486
(89,148,134)

#699E92
(105,158,146)

#79A89E
(121,168,158)

#89B2AA
(137,178,170)

#99BCB6
(153,188,182)

#A9C6C2
(169,198,194)

#B9D0CE
(185,208,206)

#C9DADA
(201,218,218)

#D9E4E6
(217,228,230)

#E9EEF2
(233,238,242)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #498A7A color. Also use rgb(73,138,122) instead hex code.

Text Font Color

.myTextColor { color: #498A7A; }

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

This text font color is #498A7A.

Background Color

.myBgColor { background-color: #498A7A; }

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

This div background color is #498A7A.

Border color

.myBorderColor { border: 1px solid #498A7A; }

This div border color is #498A7A.

Opacity

.myOpacity80 { color: #498A7A; opacity: 0.8; }

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

This text has shadow with #498A7A color.

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

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

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

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

Div box shadow color

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

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

This div box has shadow with color #498A7A.