COLOR #55D342

HEX: #55D342 RGB: (85,211,66)

Color info
Codes
CSS3 styles
Preview
Shades and tints
Color combinations

Color info

#55D342 contains mainly green color. Web safe color of #55D342 is #66CC33 (or #6C3).

RGB color model

#55D342 color RGB value is (85,211,66).

red value is 85;
green value is 211;
blue value is 66.

RGB: (85,211,66) (33%, 83%, 26%)

RGB channels and saturation

R 85 of 255 = 33%
G 211 of 255 = 83%
B 66 of 255 = 26%

211

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

Portions of RGB colors in percentages

R + G + B = 85 + 211 + 66 = 362 (100%)
R 85 of 362 ~ 23.48%
G 211 of 362 ~ 58.29%
B 66 of 362 ~ 18.23'%

%23.48

%58.29

%18.23

CMYK color model

#55D342 color CMYK value is (60,0,69,17).

cyan value is 59.72%
magenta value is 0.00%
yellow value is 68.72%
key color value is 17.25%

CMYK: (60,0,69,17) C60M0Y69K17 (60%,0%,69%,17%) (0.60/0.00/0.69/0.17)

CMYK percentages

%59.72

%68.72

%17.25

Codes

Color #55D342 in popluar color models

	55	D3	42
RGB	85	211	66
HSL	112°	62.23%	54.31%
HSB/HSV	112°	68.72%	82.75%
CMYK	59.72%	0.00%	68.72%
CMYK	17.25%

Color #55D342 in popluar number systems.

HEX	55	D3	42
Decimal	85	211	66
Binary	1010101	11010011	1000010
Octal	125	323	102

Shades and tints

Shades of #55D342

#55D342
(85,211,66)

#4EC03C
(78,192,60)

#47AD36
(71,173,54)

#409A30
(64,154,48)

#39872A
(57,135,42)

#327424
(50,116,36)

#2B611E
(43,97,30)

#244E18
(36,78,24)

#1D3B12
(29,59,18)

#16280C
(22,40,12)

#0F1506
(15,21,6)

#000000
(0,0,0)

Tints of #55D342

#55D342
(85,211,66)

#64D753
(100,215,83)

#73DB64
(115,219,100)

#82DF75
(130,223,117)

#91E386
(145,227,134)

#A0E797
(160,231,151)

#AFEBA8
(175,235,168)

#BEEFB9
(190,239,185)

#CDF3CA
(205,243,202)

#DCF7DB
(220,247,219)

#EBFBEC
(235,251,236)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #55D342 color. Also use rgb(85,211,66) instead hex code.

Text Font Color

.myTextColor { color: #55D342; }

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

This text font color is #55D342.

Background Color

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

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

This div background color is #55D342.

Border color

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

This div border color is #55D342.

Opacity

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

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

This text has shadow with #55D342 color.

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

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

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

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

Div box shadow color

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

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

This div box has shadow with color #55D342.