COLOR #87CC8C

HEX: #87CC8C
RGB: (135,204,140)

Renk bilgisi

#87CC8C contains mainly green color. #87CC8C ‘ nin web güvenlik rengi #99CC99 (ya da #9C9) dir.

RGB renk modeli

#87CC8C color RGB value is (135,204,140).

  • kırmız ton 135;
  • yeşil ton 204;
  • mavi ton 140.
RGB:
(135,204,140)
(53%,80%,55%)

RGB bağlantıları ve doygunluk

R 135 of 255 = 53%
G 204 of 255 = 80%
B 140 of 255 = 55%

135
204
140

R + G + B ~ 63%. #87CC8C is quite light color.

Yüzdelerle RGB renk parçaları

R + G + B =
135 + 204 + 140 = 479 (100%)
R 135 of 479 ~ 28.18%
G 204 of 479 ~ 42.59%
B 140 of 479 ~ 29.23%

%28.18
%42.59
%29.23

CMYK RENK MODELİ

#87CC8C rengi CMYK tonu (34,0,31,20).

  • camgöbeği tonu 33.82%
  • eflatun tonu 0.00%
  • sarı tonu 31.37%
  • ana renk tonu 20.00%
CMYK:
(34,0,31,20)
C34M0Y31K20 
(34%,0%,31%,20%)
(0.34/0.00/0.31/0.20)	

CMYK yüzdeleri

%33.82
%0
%31.37
%20

Codes

Color #87CC8C in popluar color models

87CC8C
RGB135204140
HSL124°40.35%66.47%
HSB/HSV124°33.82%80.00%
CMYK33.82%0.00%31.37%
20.00%

Color #87CC8C in popluar number systems.

HEX87CC8C
Decimal135204140
Binary100001111100110010001100
Octal207314214

Shades and tints

Shades of #87CC8C

#87CC8C
(135,204,140)
#7BBA80
(123,186,128)
#6FA874
(111,168,116)
#639668
(99,150,104)
#57845C
(87,132,92)
#4B7250
(75,114,80)
#3F6044
(63,96,68)
#334E38
(51,78,56)
#273C2C
(39,60,44)
#1B2A20
(27,42,32)
#0F1814
(15,24,20)
#000000
(0,0,0)

Tints of #87CC8C

#87CC8C
(135,204,140)
#91D096
(145,208,150)
#9BD4A0
(155,212,160)
#A5D8AA
(165,216,170)
#AFDCB4
(175,220,180)
#B9E0BE
(185,224,190)
#C3E4C8
(195,228,200)
#CDE8D2
(205,232,210)
#D7ECDC
(215,236,220)
#E1F0E6
(225,240,230)
#EBF4F0
(235,244,240)
#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #87CC8C color. Also use rgb(135,204,140) instead hex code.

Text Font Color

.myTextColor { color: #87CC8C; }

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

This text font color is #87CC8C.


Background Color

.myBgColor { background-color: #87CC8C; }

<div style="background-color:#87CC8C">Inner text</div>

This div background color is #87CC8C.


Border color

.myBorderColor { border: 1px solid #87CC8C; }

<div style="border:3px solid #87CC8C">Div</div>

This div border color is #87CC8C.


Opacity

.myOpacity80 { color: #87CC8C; opacity: 0.8; }

<p style="color:#87CC8C;opacity:0.8;">80%</p>

Text with #87CC8C 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 #87CC8C;}

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

This text has shadow with #87CC8C color.

.textShadow {text-shadow: 3px 3px 1px #87CC8C, 3px 3px 1px red;}

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

This text has shadow with #87CC8C primary color and red secondary color.


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

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

This text has shadow with #87CC8C and red colors in old Internet Explorer.


Div box shadow color

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

/* html code with inline style */
<div style="-moz-box-shadow: 1px 1px 3px 2px #87CC8C;
-webkit-box-shadow: 1px 1px 3px 2px #87CC8C;
box-shadow:1px 1px 3px 2px #87CC8C;">
Div content here</div>
This div box has shadow with color #87CC8C.

Preview

Color preview on black background

This text has color #87CC8C on black background.


Color preview on white background

This text has color #87CC8C on white background.



Black color preview on #87CC8C background

This text has black color on #87CC8C background.


White color preview on #87CC8C background

This text has white color on #87CC8C background.