Color #55D10C

Color info

#55D10C contains mainly green color. Web safe color of #55D10C is #66CC00 (or #6C0).

RGB color model

#55D10C color RGB value is (85,209,12).

red value is 85;
green value is 209;
blue value is 12.

RGB:
(85,209,12)
(33%,82%,5%)

RGB channels and saturation

R 85 of 255 = 33%
G 209 of 255 = 82%
B 12 of 255 = 5%

209

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

Portions of RGB colors in percentages

R + G + B =
85 + 209 + 12 = 306 (100%)
R 85 of 306 ~ 27.78%
G 209 of 306 ~ 68.3%
B 12 of 306 ~ 3.92%

%27.78

%68.3

CMYK color model

#55D10C color CMYK value is (59,0,94,18).

cyan value is 59.33%
magenta value is 0.00%
yellow value is 94.26%
key color value is 18.04%

CMYK:
(59,0,94,18)
C59M0Y94K18 
(59%,0%,94%,18%)
(0.59/0.00/0.94/0.18)

CMYK percentages

%59.33

%94.26

%18.04

Codes

Color #55D10C in popluar color models

	55	D1	0C
RGB	85	209	12
HSL	98°	89.14%	43.33%
HSB/HSV	98°	94.26%	81.96%
CMYK	59.33%	0.00%	94.26%
CMYK	18.04%

Color #55D10C in popluar number systems.

HEX	55	D1	0C
Decimal	85	209	12
Binary	1010101	11010001	1100
Octal	125	321	14

Shades and tints

Shades of #55D10C

#55D10C
(85,209,12)

#4EBE0B
(78,190,11)

#47AB0A
(71,171,10)

#409809
(64,152,9)

#398508
(57,133,8)

#327207
(50,114,7)

#2B5F06
(43,95,6)

#244C05
(36,76,5)

#1D3904
(29,57,4)

#162603
(22,38,3)

#0F1302
(15,19,2)

#000000
(0,0,0)

Tints of #55D10C

#55D10C
(85,209,12)

#64D522
(100,213,34)

#73D938
(115,217,56)

#82DD4E
(130,221,78)

#91E164
(145,225,100)

#A0E57A
(160,229,122)

#AFE990
(175,233,144)

#BEEDA6
(190,237,166)

#CDF1BC
(205,241,188)

#DCF5D2
(220,245,210)

#EBF9E8
(235,249,232)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #55D10C color. Also use rgb(85,209,12) instead hex code.

Text Font Color

.myTextColor { color: #55D10C; }

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

This text font color is #55D10C.

Background Color

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

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

This div background color is #55D10C.

Border color

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

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

This div border color is #55D10C.

Opacity

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

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

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

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

This text has shadow with #55D10C color.

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

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

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

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

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

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

Div box shadow color

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

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

This div box has shadow with color #55D10C.

Preview

Color preview on black background

This text has color #55D10C on black background.

Color preview on white background

This text has color #55D10C on white background.

Black color preview on #55D10C background

This text has black color on #55D10C background.

White color preview on #55D10C background

This text has white color on #55D10C background.