Color #9DDCBC

Color info

#9DDCBC contains mainly green and blue colors. Web safe color of #9DDCBC is #99CCCC (or #9CC).

RGB color model

#9DDCBC color RGB value is (157,220,188).

red value is 157;
green value is 220;
blue value is 188.

RGB: (157,220,188) (62%, 86%, 74%)

RGB channels and saturation

R 157 of 255 = 62%
G 220 of 255 = 86%
B 188 of 255 = 74%

157

220

188

R + G + B ~ 74%. #9DDCBC is quite light color.

Portions of RGB colors in percentages

R + G + B = 157 + 220 + 188 = 565 (100%)
R 157 of 565 ~ 27.79%
G 220 of 565 ~ 38.94%
B 188 of 565 ~ 33.27'%

%27.79

%38.94

%33.27

CMYK color model

#9DDCBC color CMYK value is (29,0,15,14).

cyan value is 28.64%
magenta value is 0.00%
yellow value is 14.55%
key color value is 13.73%

CMYK: (29,0,15,14)
C29M0Y15K14 (29%, 0%, 15%, 14%)
(0.29 / 0.00 / 0.15 / 0.14)

CMYK percentages

%28.64

%0

%14.55

%13.73

Codes

Color #9DDCBC in popluar color models

	9D	DC	BC
RGB	157	220	188
HSL	150°	47.37%	73.92%
HSB/HSV	150°	28.64%	86.27%
CMYK	28.64%	0.00%	14.55%
CMYK	13.73%

Color #9DDCBC in popluar number systems.

HEX	9D	DC	BC
Decimal	157	220	188
Binary	10011101	11011100	10111100
Octal	235	334	274

Shades and tints

Shades of #9DDCBC

#9DDCBC
(157,220,188)

#8FC8AB
(143,200,171)

#81B49A
(129,180,154)

#73A089
(115,160,137)

#658C78
(101,140,120)

#577867
(87,120,103)

#496456
(73,100,86)

#3B5045
(59,80,69)

#2D3C34
(45,60,52)

#1F2823
(31,40,35)

#111412
(17,20,18)

#000000
(0,0,0)

Tints of #9DDCBC

#9DDCBC
(157,220,188)

#A5DFC2
(165,223,194)

#ADE2C8
(173,226,200)

#B5E5CE
(181,229,206)

#BDE8D4
(189,232,212)

#C5EBDA
(197,235,218)

#CDEEE0
(205,238,224)

#D5F1E6
(213,241,230)

#DDF4EC
(221,244,236)

#E5F7F2
(229,247,242)

#EDFAF8
(237,250,248)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #9DDCBC color. Also use rgb(157,220,188) instead hex code.

Text Font Color

.myTextColor { color: #9DDCBC; }

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

This text font color is #9DDCBC.

Background Color

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

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

This div background color is #9DDCBC.

Border color

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

This div border color is #9DDCBC.

Opacity

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

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

This text has shadow with #9DDCBC color.

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

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

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

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

Div box shadow color

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

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

This div box has shadow with color #9DDCBC.