Color #55A65E

Color info

#55A65E contains mainly green color. Web safe color of #55A65E is #669966 (or #696).

RGB color model

#55A65E color RGB value is (85,166,94).

red value is 85;
green value is 166;
blue value is 94.

RGB:
(85,166,94)
(33%,65%,37%)

RGB channels and saturation

R 85 of 255 = 33%
G 166 of 255 = 65%
B 94 of 255 = 37%

166

R + G + B ~ 45%. #55A65E is middle color (not dark and not light).

Portions of RGB colors in percentages

R + G + B =
85 + 166 + 94 = 345 (100%)
R 85 of 345 ~ 24.64%
G 166 of 345 ~ 48.12%
B 94 of 345 ~ 27.25%

%24.64

%48.12

%27.25

CMYK color model

#55A65E color CMYK value is (49,0,43,35).

cyan value is 48.80%
magenta value is 0.00%
yellow value is 43.37%
key color value is 34.90%

CMYK:
(49,0,43,35)
C49M0Y43K35 
(49%,0%,43%,35%)
(0.49/0.00/0.43/0.35)

CMYK percentages

%48.8

%43.37

%34.9

Codes

Color #55A65E in popluar color models

	55	A6	5E
RGB	85	166	94
HSL	127°	32.27%	49.22%
HSB/HSV	127°	48.80%	65.10%
CMYK	48.80%	0.00%	43.37%
CMYK	34.90%

Color #55A65E in popluar number systems.

HEX	55	A6	5E
Decimal	85	166	94
Binary	1010101	10100110	1011110
Octal	125	246	136

Shades and tints

Shades of #55A65E

#55A65E
(85,166,94)

#4E9756
(78,151,86)

#47884E
(71,136,78)

#407946
(64,121,70)

#396A3E
(57,106,62)

#325B36
(50,91,54)

#2B4C2E
(43,76,46)

#243D26
(36,61,38)

#1D2E1E
(29,46,30)

#161F16
(22,31,22)

#0F100E
(15,16,14)

#000000
(0,0,0)

Tints of #55A65E

#55A65E
(85,166,94)

#64AE6C
(100,174,108)

#73B67A
(115,182,122)

#82BE88
(130,190,136)

#91C696
(145,198,150)

#A0CEA4
(160,206,164)

#AFD6B2
(175,214,178)

#BEDEC0
(190,222,192)

#CDE6CE
(205,230,206)

#DCEEDC
(220,238,220)

#EBF6EA
(235,246,234)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #55A65E color. Also use rgb(85,166,94) instead hex code.

Text Font Color

.myTextColor { color: #55A65E; }

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

This text font color is #55A65E.

Background Color

.myBgColor { background-color: #55A65E; }

<div style="background-color:#55A65E">Inner text</div>

This div background color is #55A65E.

Border color

.myBorderColor { border: 1px solid #55A65E; }

<div style="border:3px solid #55A65E">Div</div>

This div border color is #55A65E.

Opacity

.myOpacity80 { color: #55A65E; opacity: 0.8; }

<p style="color:#55A65E;opacity:0.8;">80%</p>

Text with #55A65E 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 #55A65E;}

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

This text has shadow with #55A65E color.

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

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

This text has shadow with #55A65E primary color and red secondary color.

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

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

This text has shadow with #55A65E and red colors in old Internet Explorer.

Div box shadow color

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

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

This div box has shadow with color #55A65E.

Preview

Color preview on black background

This text has color #55A65E on black background.

Color preview on white background

This text has color #55A65E on white background.

Black color preview on #55A65E background

This text has black color on #55A65E background.

White color preview on #55A65E background

This text has white color on #55A65E background.