Color #29A77A

Color info

#29A77A contains mainly green and blue colors. Web safe color of #29A77A is #339966 (or #396).

RGB color model

#29A77A color RGB value is (41,167,122).

red value is 41;
green value is 167;
blue value is 122.

RGB:
(41,167,122)
(16%,65%,48%)

RGB channels and saturation

R 41 of 255 = 16%
G 167 of 255 = 65%
B 122 of 255 = 48%

167

122

R + G + B ~ 43%. #29A77A is middle color (not dark and not light).

Portions of RGB colors in percentages

R + G + B =
41 + 167 + 122 = 330 (100%)
R 41 of 330 ~ 12.42%
G 167 of 330 ~ 50.61%
B 122 of 330 ~ 36.97%

%12.42

%50.61

%36.97

CMYK color model

#29A77A color CMYK value is (75,0,27,35).

cyan value is 75.45%
magenta value is 0.00%
yellow value is 26.95%
key color value is 34.51%

CMYK:
(75,0,27,35)
C75M0Y27K35 
(75%,0%,27%,35%)
(0.75/0.00/0.27/0.35)

CMYK percentages

%75.45

%26.95

%34.51

Codes

Color #29A77A in popluar color models

	29	A7	7A
RGB	41	167	122
HSL	159°	60.58%	40.78%
HSB/HSV	159°	75.45%	65.49%
CMYK	75.45%	0.00%	26.95%
CMYK	34.51%

Color #29A77A in popluar number systems.

HEX	29	A7	7A
Decimal	41	167	122
Binary	101001	10100111	1111010
Octal	51	247	172

Shades and tints

Shades of #29A77A

#29A77A
(41,167,122)

#26986F
(38,152,111)

#238964
(35,137,100)

#207A59
(32,122,89)

#1D6B4E
(29,107,78)

#1A5C43
(26,92,67)

#174D38
(23,77,56)

#143E2D
(20,62,45)

#112F22
(17,47,34)

#0E2017
(14,32,23)

#0B110C
(11,17,12)

#000000
(0,0,0)

Tints of #29A77A

#29A77A
(41,167,122)

#3CAF86
(60,175,134)

#4FB792
(79,183,146)

#62BF9E
(98,191,158)

#75C7AA
(117,199,170)

#88CFB6
(136,207,182)

#9BD7C2
(155,215,194)

#AEDFCE
(174,223,206)

#C1E7DA
(193,231,218)

#D4EFE6
(212,239,230)

#E7F7F2
(231,247,242)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #29A77A color. Also use rgb(41,167,122) instead hex code.

Text Font Color

.myTextColor { color: #29A77A; }

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

This text font color is #29A77A.

Background Color

.myBgColor { background-color: #29A77A; }

<div style="background-color:#29A77A">Inner text</div>

This div background color is #29A77A.

Border color

.myBorderColor { border: 1px solid #29A77A; }

<div style="border:3px solid #29A77A">Div</div>

This div border color is #29A77A.

Opacity

.myOpacity80 { color: #29A77A; opacity: 0.8; }

<p style="color:#29A77A;opacity:0.8;">80%</p>

Text with #29A77A 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 #29A77A;}

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

This text has shadow with #29A77A color.

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

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

This text has shadow with #29A77A primary color and red secondary color.

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

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

This text has shadow with #29A77A and red colors in old Internet Explorer.

Div box shadow color

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

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

This div box has shadow with color #29A77A.

Preview

Color preview on black background

This text has color #29A77A on black background.

Color preview on white background

This text has color #29A77A on white background.

Black color preview on #29A77A background

This text has black color on #29A77A background.

White color preview on #29A77A background

This text has white color on #29A77A background.