COLOR #9DEFC5

HEX: #9DEFC5
RGB: (157,239,197)

Color info

#9DEFC5 contains mainly green and blue colors. Web safe color of #9DEFC5 is #99FFCC (or #9FC).

RGB color model

#9DEFC5 color RGB value is (157,239,197).

  • red value is 157;
  • green value is 239;
  • blue value is 197.
RGB:
(157,239,197)
(62%,94%,77%)

RGB channels and saturation

R 157 of 255 = 62%
G 239 of 255 = 94%
B 197 of 255 = 77%

157
239
197

R + G + B ~ 78%. #9DEFC5 is quite light color.

Portions of RGB colors in percentages

R + G + B =
157 + 239 + 197 = 593 (100%)
R 157 of 593 ~ 26.48%
G 239 of 593 ~ 40.3%
B 197 of 593 ~ 33.22%

%26.48
%40.3
%33.22

CMYK color model

#9DEFC5 color CMYK value is (34,0,18,6).

  • cyan value is 34.31%
  • magenta value is 0.00%
  • yellow value is 17.57%
  • key color value is 6.27%
CMYK:
(34,0,18,6)
C34M0Y18K6 
(34%,0%,18%,6%)
(0.34/0.00/0.18/0.06)	

CMYK percentages

%34.31
%0
%17.57
%6.27

Codes

Color #9DEFC5 in popluar color models

9DEFC5
RGB157239197
HSL149°71.93%77.65%
HSB/HSV149°34.31%93.73%
CMYK34.31%0.00%17.57%
6.27%

Color #9DEFC5 in popluar number systems.

HEX9DEFC5
Decimal157239197
Binary100111011110111111000101
Octal235357305

Shades and tints

Shades of #9DEFC5

#9DEFC5
(157,239,197)
#8FDAB4
(143,218,180)
#81C5A3
(129,197,163)
#73B092
(115,176,146)
#659B81
(101,155,129)
#578670
(87,134,112)
#49715F
(73,113,95)
#3B5C4E
(59,92,78)
#2D473D
(45,71,61)
#1F322C
(31,50,44)
#111D1B
(17,29,27)
#000000
(0,0,0)

Tints of #9DEFC5

#9DEFC5
(157,239,197)
#A5F0CA
(165,240,202)
#ADF1CF
(173,241,207)
#B5F2D4
(181,242,212)
#BDF3D9
(189,243,217)
#C5F4DE
(197,244,222)
#CDF5E3
(205,245,227)
#D5F6E8
(213,246,232)
#DDF7ED
(221,247,237)
#E5F8F2
(229,248,242)
#EDF9F7
(237,249,247)
#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #9DEFC5 color. Also use rgb(157,239,197) instead hex code.

Text Font Color

.myTextColor { color: #9DEFC5; }

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

This text font color is #9DEFC5.


Background Color

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

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

This div background color is #9DEFC5.


Border color

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

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

This div border color is #9DEFC5.


Opacity

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

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

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

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

This text has shadow with #9DEFC5 color.

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

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

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


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

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

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


Div box shadow color

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

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

Preview

Color preview on black background

This text has color #9DEFC5 on black background.


Color preview on white background

This text has color #9DEFC5 on white background.



Black color preview on #9DEFC5 background

This text has black color on #9DEFC5 background.


White color preview on #9DEFC5 background

This text has white color on #9DEFC5 background.