Color #5EA555

Color info

#5EA555 contains mainly green color. Web safe color of #5EA555 is #669966 (or #696).

RGB color model

#5EA555 color RGB value is (94,165,85).

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

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

RGB channels and saturation

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

94

165

85

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

Portions of RGB colors in percentages

R + G + B = 94 + 165 + 85 = 344 (100%)
R 94 of 344 ~ 27.33%
G 165 of 344 ~ 47.97%
B 85 of 344 ~ 24.71'%

%27.33

%47.97

%24.71

CMYK color model

#5EA555 color CMYK value is (43,0,48,35).

cyan value is 43.03%
magenta value is 0.00%
yellow value is 48.48%
key color value is 35.29%

CMYK: (43,0,48,35)
C43M0Y48K35 (43%, 0%, 48%, 35%)
(0.43 / 0.00 / 0.48 / 0.35)

CMYK percentages

%43.03

%0

%48.48

%35.29

Codes

Color #5EA555 in popluar color models

	5E	A5	55
RGB	94	165	85
HSL	113°	32.00%	49.02%
HSB/HSV	113°	48.48%	64.71%
CMYK	43.03%	0.00%	48.48%
CMYK	35.29%

Color #5EA555 in popluar number systems.

HEX	5E	A5	55
Decimal	94	165	85
Binary	1011110	10100101	1010101
Octal	136	245	125

Shades and tints

Shades of #5EA555

#5EA555
(94,165,85)

#56964E
(86,150,78)

#4E8747
(78,135,71)

#467840
(70,120,64)

#3E6939
(62,105,57)

#365A32
(54,90,50)

#2E4B2B
(46,75,43)

#263C24
(38,60,36)

#1E2D1D
(30,45,29)

#161E16
(22,30,22)

#0E0F0F
(14,15,15)

#000000
(0,0,0)

Tints of #5EA555

#5EA555
(94,165,85)

#6CAD64
(108,173,100)

#7AB573
(122,181,115)

#88BD82
(136,189,130)

#96C591
(150,197,145)

#A4CDA0
(164,205,160)

#B2D5AF
(178,213,175)

#C0DDBE
(192,221,190)

#CEE5CD
(206,229,205)

#DCEDDC
(220,237,220)

#EAF5EB
(234,245,235)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #5EA555 color. Also use rgb(94,165,85) instead hex code.

Text Font Color

.myTextColor { color: #5EA555; }

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

This text font color is #5EA555.

Background Color

.myBgColor { background-color: #5EA555; }

<div style="background-color:#5EA555">Inner text</div>

This div background color is #5EA555.

Border color

.myBorderColor { border: 1px solid #5EA555; }

This div border color is #5EA555.

Opacity

.myOpacity80 { color: #5EA555; opacity: 0.8; }

Text with #5EA555 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 #5EA555;}

This text has shadow with #5EA555 color.

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

This text has shadow with #5EA555 primary color and red secondary color.

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

This text has shadow with #5EA555 and red colors in old Internet Explorer.

Div box shadow color

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

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

This div box has shadow with color #5EA555.