COLOR #1DE977

HEX: #1DE977
RGB: (29,233,119)

Color info

#1DE977 contains mainly green color. Web safe color of #1DE977 is #33FF66 (or #3F6).

RGB color model

#1DE977 color RGB value is (29,233,119).

  • red value is 29;
  • green value is 233;
  • blue value is 119.
RGB:
(29,233,119)
(11%,91%,47%)

RGB channels and saturation

R 29 of 255 = 11%
G 233 of 255 = 91%
B 119 of 255 = 47%

29
233
119

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

Portions of RGB colors in percentages

R + G + B =
29 + 233 + 119 = 381 (100%)
R 29 of 381 ~ 7.61%
G 233 of 381 ~ 61.15%
B 119 of 381 ~ 31.23%

%61.15
%31.23

CMYK color model

#1DE977 color CMYK value is (88,0,49,9).

  • cyan value is 87.55%
  • magenta value is 0.00%
  • yellow value is 48.93%
  • key color value is 8.63%
CMYK:
(88,0,49,9)
C88M0Y49K9 
(88%,0%,49%,9%)
(0.88/0.00/0.49/0.09)	

CMYK percentages

%87.55
%0
%48.93
%8.63

Codes

Color #1DE977 in popluar color models

1DE977
RGB29233119
HSL146°82.26%51.37%
HSB/HSV146°87.55%91.37%
CMYK87.55%0.00%48.93%
8.63%

Color #1DE977 in popluar number systems.

HEX1DE977
Decimal29233119
Binary11101111010011110111
Octal35351167

Shades and tints

Shades of #1DE977

#1DE977
(29,233,119)
#1BD46D
(27,212,109)
#19BF63
(25,191,99)
#17AA59
(23,170,89)
#15954F
(21,149,79)
#138045
(19,128,69)
#116B3B
(17,107,59)
#0F5631
(15,86,49)
#0D4127
(13,65,39)
#0B2C1D
(11,44,29)
#091713
(9,23,19)
#000000
(0,0,0)

Tints of #1DE977

#1DE977
(29,233,119)
#31EB83
(49,235,131)
#45ED8F
(69,237,143)
#59EF9B
(89,239,155)
#6DF1A7
(109,241,167)
#81F3B3
(129,243,179)
#95F5BF
(149,245,191)
#A9F7CB
(169,247,203)
#BDF9D7
(189,249,215)
#D1FBE3
(209,251,227)
#E5FDEF
(229,253,239)
#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #1DE977 color. Also use rgb(29,233,119) instead hex code.

Text Font Color

.myTextColor { color: #1DE977; }

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

This text font color is #1DE977.


Background Color

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

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

This div background color is #1DE977.


Border color

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

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

This div border color is #1DE977.


Opacity

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

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

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

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

This text has shadow with #1DE977 color.

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

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

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


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

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

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


Div box shadow color

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

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

Preview

Color preview on black background

This text has color #1DE977 on black background.


Color preview on white background

This text has color #1DE977 on white background.



Black color preview on #1DE977 background

This text has black color on #1DE977 background.


White color preview on #1DE977 background

This text has white color on #1DE977 background.