Colore #87B168, codici hex ed rgb, esempi

Informazioni

Il colore #87B168 contiene principalmente il rosso e il verde. Per il #87B168 il colore web safe è #999966 (#996).

Modello di colore RGB

Il colore 87B168 in RGB è definito come 135,177,104

Il rosso è 135;
Il verde è 177;
Il blu è 104.

RGB:
(135,177,104)
(53%,69%,41%)

Rapporto dei colori in RGB

R 135 da 255 = 53%
G 177 da 255 = 69%
B 104 da 255 = 41%

135

177

104

R + G + B ~ 54%. #87B168 colore medio (né scuro né chiaro).

Canali RGB in percentuale

R + G + B =
135 + 177 + 104 = 416 (100%)
R 135 da 416 ~ 32.45%
G 177 da 416 ~ 42.55%
B 104 da 416 ~ 25%

%32.45

%42.55

%25

Modello di colore CMYK

Il colore #87B168 in CMYK è definito come 24,0,41,31.

Il color verde blu è 23.73%
Il color magenta è 0.00%
Il giallo è 41.24%
Il colore chiave è 30.59%

CMYK:
(24,0,41,31)
C24M0Y41K31 
(24%,0%,41%,31%)
(0.24/0.00/0.41/0.31)

Canali CMYK in percentuale

%23.73

%41.24

%30.59

Codici del colore

Il #87B168 nei modelli di colore popolari.

	87	B1	68
RGB	135	177	104
HSL	95°	31.88%	55.10%
HSB/HSV	95°	41.24%	69.41%
CMYK	23.73%	0.00%	41.24%
CMYK	30.59%

Il #87B168 nei modelli numerici popolari.

Esadicemale	87	B1	68
Decimale	135	177	104
Binario	10000111	10110001	1101000
Ottale	207	261	150

Tonalita del colore

Tonalità scure del colore #87B168

#87B168
(135,177,104)

#7BA15F
(123,161,95)

#6F9156
(111,145,86)

#63814D
(99,129,77)

#577144
(87,113,68)

#4B613B
(75,97,59)

#3F5132
(63,81,50)

#334129
(51,65,41)

#273120
(39,49,32)

#1B2117
(27,33,23)

#0F110E
(15,17,14)

#000000
(0,0,0)

Tonalità chiare del colore #87B168

#87B168
(135,177,104)

#91B875
(145,184,117)

#9BBF82
(155,191,130)

#A5C68F
(165,198,143)

#AFCD9C
(175,205,156)

#B9D4A9
(185,212,169)

#C3DBB6
(195,219,182)

#CDE2C3
(205,226,195)

#D7E9D0
(215,233,208)

#E1F0DD
(225,240,221)

#EBF7EA
(235,247,234)

#FFFFFF
(255,255,255)

Stili css3

Esempi dei codici css e html per gli elementi di colore #87B168. Utilizzate rgb(135,177,104) anche al posto del codice hex.

Colore del testo

.myTextColor { color: #87B168; }

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

Il colore di questo testo è #87B168.

Colore dello sfondo

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

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

Questo div ha lo sfondo di colore #87B168.

Colore del bordo

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

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

Questo div ha i bordi di colore 87B168.

Trasparenza

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

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

Il testo di color #87B168 e trasparenza 100% | 80% | 50% | 30%.

Sfondo con il livello di trasparenza 100%.

Sfondo con il livello di trasparenza 80%.

Sfondo con il livello di trasparenza 50%.

Sfondo con il livello di trasparenza 30%.

Colore dell'ombra del testo

.textShadow {text-shadow: 3px 3px 1px #87B168;}

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

Questo testo ha l'ombra di colore #87B168.

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

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

Questo testo ha l'ombra del colore principale #87B168 e del colore secondario rosso.

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

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

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

Colore dell'ombra dell'elemento div

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

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

Questo div ha l'ombra di colore #87B168.

Esempi

Esempio del colore sullo sfondo nero

Questo e il testo di colore #87B168 sullo sfondo nero.

Esempio del colore sullo sfondo bianco

Questo e il testo di colore #87B168 sullo sfondo bianco.

Esempio del testo nero sullo sfondo del colore #87B168

Questo è un testo nero sullo sfondo del colore #87B168.

Esempio del testo bianco sullo sfondo del colore #87B168

Questo è un testo bianco sullo sfondo del colore #87B168.

COLORE #87B168