COLOR #9DA998

HEX: #9DA998
RGB: (157,169,152)

Color info

#9DA998 contains red, green and blue colors in about the same proportion. Web safe color of #9DA998 is #999999 (or #999).

RGB color model

#9DA998 color RGB value is (157,169,152).

  • red value is 157;
  • green value is 169;
  • blue value is 152.
RGB:
(157,169,152)
(62%,66%,60%)

RGB channels and saturation

R 157 of 255 = 62%
G 169 of 255 = 66%
B 152 of 255 = 60%

157
169
152

R + G + B ~ 63%. #9DA998 is quite light color.

Portions of RGB colors in percentages

R + G + B =
157 + 169 + 152 = 478 (100%)
R 157 of 478 ~ 32.85%
G 169 of 478 ~ 35.36%
B 152 of 478 ~ 31.8%

%32.85
%35.36
%31.8

CMYK color model

#9DA998 color CMYK value is (7,0,10,34).

  • cyan value is 7.10%
  • magenta value is 0.00%
  • yellow value is 10.06%
  • key color value is 33.73%
CMYK:
(7,0,10,34)
C7M0Y10K34 
(7%,0%,10%,34%)
(0.07/0.00/0.10/0.34)	

CMYK percentages

%7.1
%0
%10.06
%33.73

Codes

Color #9DA998 in popluar color models

9DA998
RGB157169152
HSL102°8.99%62.94%
HSB/HSV102°10.06%66.27%
CMYK7.10%0.00%10.06%
33.73%

Color #9DA998 in popluar number systems.

HEX9DA998
Decimal157169152
Binary100111011010100110011000
Octal235251230

Shades and tints

Shades of #9DA998

#9DA998
(157,169,152)
#8F9A8B
(143,154,139)
#818B7E
(129,139,126)
#737C71
(115,124,113)
#656D64
(101,109,100)
#575E57
(87,94,87)
#494F4A
(73,79,74)
#3B403D
(59,64,61)
#2D3130
(45,49,48)
#1F2223
(31,34,35)
#111316
(17,19,22)
#000000
(0,0,0)

Tints of #9DA998

#9DA998
(157,169,152)
#A5B0A1
(165,176,161)
#ADB7AA
(173,183,170)
#B5BEB3
(181,190,179)
#BDC5BC
(189,197,188)
#C5CCC5
(197,204,197)
#CDD3CE
(205,211,206)
#D5DAD7
(213,218,215)
#DDE1E0
(221,225,224)
#E5E8E9
(229,232,233)
#EDEFF2
(237,239,242)
#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #9DA998 color. Also use rgb(157,169,152) instead hex code.

Text Font Color

.myTextColor { color: #9DA998; }

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

This text font color is #9DA998.


Background Color

.myBgColor { background-color: #9DA998; }

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

This div background color is #9DA998.


Border color

.myBorderColor { border: 1px solid #9DA998; }

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

This div border color is #9DA998.


Opacity

.myOpacity80 { color: #9DA998; opacity: 0.8; }

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

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

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

This text has shadow with #9DA998 color.

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

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

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


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

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

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


Div box shadow color

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

/* html code with inline style */
<div style="-moz-box-shadow: 1px 1px 3px 2px #9DA998;
-webkit-box-shadow: 1px 1px 3px 2px #9DA998;
box-shadow:1px 1px 3px 2px #9DA998;">
Div content here</div>
This div box has shadow with color #9DA998.

Preview

Color preview on black background

This text has color #9DA998 on black background.


Color preview on white background

This text has color #9DA998 on white background.



Black color preview on #9DA998 background

This text has black color on #9DA998 background.


White color preview on #9DA998 background

This text has white color on #9DA998 background.