Color #1FD99D

Color info

#1FD99D contains mainly green color. Web safe color of #1FD99D is #33CC99 (or #3C9).

RGB color model

#1FD99D color RGB value is (31,217,157).

red value is 31;
green value is 217;
blue value is 157.

RGB:
(31,217,157)
(12%,85%,62%)

RGB channels and saturation

R 31 of 255 = 12%
G 217 of 255 = 85%
B 157 of 255 = 62%

217

157

R + G + B ~ 53%. #1FD99D is middle color (not dark and not light).

Portions of RGB colors in percentages

R + G + B =
31 + 217 + 157 = 405 (100%)
R 31 of 405 ~ 7.65%
G 217 of 405 ~ 53.58%
B 157 of 405 ~ 38.77%

%53.58

%38.77

CMYK color model

#1FD99D color CMYK value is (86,0,28,15).

cyan value is 85.71%
magenta value is 0.00%
yellow value is 27.65%
key color value is 14.90%

CMYK:
(86,0,28,15)
C86M0Y28K15 
(86%,0%,28%,15%)
(0.86/0.00/0.28/0.15)

CMYK percentages

%85.71

%27.65

%14.9

Codes

Color #1FD99D in popluar color models

	1F	D9	9D
RGB	31	217	157
HSL	161°	75.00%	48.63%
HSB/HSV	161°	85.71%	85.10%
CMYK	85.71%	0.00%	27.65%
CMYK	14.90%

Color #1FD99D in popluar number systems.

HEX	1F	D9	9D
Decimal	31	217	157
Binary	11111	11011001	10011101
Octal	37	331	235

Shades and tints

Shades of #1FD99D

#1FD99D
(31,217,157)

#1DC68F
(29,198,143)

#1BB381
(27,179,129)

#19A073
(25,160,115)

#178D65
(23,141,101)

#157A57
(21,122,87)

#136749
(19,103,73)

#11543B
(17,84,59)

#0F412D
(15,65,45)

#0D2E1F
(13,46,31)

#0B1B11
(11,27,17)

#000000
(0,0,0)

Tints of #1FD99D

#1FD99D
(31,217,157)

#33DCA5
(51,220,165)

#47DFAD
(71,223,173)

#5BE2B5
(91,226,181)

#6FE5BD
(111,229,189)

#83E8C5
(131,232,197)

#97EBCD
(151,235,205)

#ABEED5
(171,238,213)

#BFF1DD
(191,241,221)

#D3F4E5
(211,244,229)

#E7F7ED
(231,247,237)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #1FD99D color. Also use rgb(31,217,157) instead hex code.

Text Font Color

.myTextColor { color: #1FD99D; }

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

This text font color is #1FD99D.

Background Color

.myBgColor { background-color: #1FD99D; }

<div style="background-color:#1FD99D">Inner text</div>

This div background color is #1FD99D.

Border color

.myBorderColor { border: 1px solid #1FD99D; }

<div style="border:3px solid #1FD99D">Div</div>

This div border color is #1FD99D.

Opacity

.myOpacity80 { color: #1FD99D; opacity: 0.8; }

<p style="color:#1FD99D;opacity:0.8;">80%</p>

Text with #1FD99D 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 #1FD99D;}

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

This text has shadow with #1FD99D color.

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

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

This text has shadow with #1FD99D primary color and red secondary color.

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

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

This text has shadow with #1FD99D and red colors in old Internet Explorer.

Div box shadow color

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

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

This div box has shadow with color #1FD99D.

Preview

Color preview on black background

This text has color #1FD99D on black background.

Color preview on white background

This text has color #1FD99D on white background.

Black color preview on #1FD99D background

This text has black color on #1FD99D background.

White color preview on #1FD99D background

This text has white color on #1FD99D background.