Color #8FDD58

Color info

#8FDD58 contains mainly green color. Web safe color of #8FDD58 is #99CC66 (or #9C6).

RGB color model

#8FDD58 color RGB value is (143,221,88).

red value is 143;
green value is 221;
blue value is 88.

RGB:
(143,221,88)
(56%,87%,35%)

RGB channels and saturation

R 143 of 255 = 56%
G 221 of 255 = 87%
B 88 of 255 = 35%

143

221

R + G + B ~ 59%. #8FDD58 is middle color (not dark and not light).

Portions of RGB colors in percentages

R + G + B =
143 + 221 + 88 = 452 (100%)
R 143 of 452 ~ 31.64%
G 221 of 452 ~ 48.89%
B 88 of 452 ~ 19.47%

%31.64

%48.89

%19.47

CMYK color model

#8FDD58 color CMYK value is (35,0,60,13).

cyan value is 35.29%
magenta value is 0.00%
yellow value is 60.18%
key color value is 13.33%

CMYK:
(35,0,60,13)
C35M0Y60K13 
(35%,0%,60%,13%)
(0.35/0.00/0.60/0.13)

CMYK percentages

%35.29

%60.18

%13.33

Codes

Color #8FDD58 in popluar color models

	8F	DD	58
RGB	143	221	88
HSL	95°	66.17%	60.59%
HSB/HSV	95°	60.18%	86.67%
CMYK	35.29%	0.00%	60.18%
CMYK	13.33%

Color #8FDD58 in popluar number systems.

HEX	8F	DD	58
Decimal	143	221	88
Binary	10001111	11011101	1011000
Octal	217	335	130

Shades and tints

Shades of #8FDD58

#8FDD58
(143,221,88)

#82C950
(130,201,80)

#75B548
(117,181,72)

#68A140
(104,161,64)

#5B8D38
(91,141,56)

#4E7930
(78,121,48)

#416528
(65,101,40)

#345120
(52,81,32)

#273D18
(39,61,24)

#1A2910
(26,41,16)

#0D1508
(13,21,8)

#000000
(0,0,0)

Tints of #8FDD58

#8FDD58
(143,221,88)

#99E067
(153,224,103)

#A3E376
(163,227,118)

#ADE685
(173,230,133)

#B7E994
(183,233,148)

#C1ECA3
(193,236,163)

#CBEFB2
(203,239,178)

#D5F2C1
(213,242,193)

#DFF5D0
(223,245,208)

#E9F8DF
(233,248,223)

#F3FBEE
(243,251,238)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #8FDD58 color. Also use rgb(143,221,88) instead hex code.

Text Font Color

.myTextColor { color: #8FDD58; }

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

This text font color is #8FDD58.

Background Color

.myBgColor { background-color: #8FDD58; }

<div style="background-color:#8FDD58">Inner text</div>

This div background color is #8FDD58.

Border color

.myBorderColor { border: 1px solid #8FDD58; }

<div style="border:3px solid #8FDD58">Div</div>

This div border color is #8FDD58.

Opacity

.myOpacity80 { color: #8FDD58; opacity: 0.8; }

<p style="color:#8FDD58;opacity:0.8;">80%</p>

Text with #8FDD58 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 #8FDD58;}

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

This text has shadow with #8FDD58 color.

.textShadow {text-shadow: 3px 3px 1px #8FDD58, 3px 3px 1px red;}

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

This text has shadow with #8FDD58 primary color and red secondary color.

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

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

This text has shadow with #8FDD58 and red colors in old Internet Explorer.

Div box shadow color

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

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

This div box has shadow with color #8FDD58.

Preview

Color preview on black background

This text has color #8FDD58 on black background.

Color preview on white background

This text has color #8FDD58 on white background.

Black color preview on #8FDD58 background

This text has black color on #8FDD58 background.

White color preview on #8FDD58 background

This text has white color on #8FDD58 background.