COLORE #687E37

HEX: #687E37
RGB: (104,126,55)

Informazioni

Il colore #687E37 contiene principalmente il rosso e il verde. Per il #687E37 il colore web safe è #666633 (#663).

Modello di colore RGB

Il colore 687E37 in RGB è definito come 104,126,55

  • Il rosso è 104;
  • Il verde è 126;
  • Il blu è 55.
RGB:
(104,126,55)
(41%,49%,22%)

Rapporto dei colori in RGB

R 104 da 255 = 41%
G 126 da 255 = 49%
B 55 da 255 = 22%

104
126
55

R + G + B ~ 37%. #687E37 colore abbastanza scuro.

Canali RGB in percentuale

R + G + B =
104 + 126 + 55 = 285 (100%)
R 104 da 285 ~ 36.49%
G 126 da 285 ~ 44.21%
B 55 da 285 ~ 19.3%

%36.49
%44.21
%19.3

Modello di colore CMYK

Il colore #687E37 in CMYK è definito come 17,0,56,51.

  • Il color verde blu è 17.46%
  • Il color magenta è 0.00%
  • Il giallo è 56.35%
  • Il colore chiave è 50.59%
CMYK:
(17,0,56,51)
C17M0Y56K51 
(17%,0%,56%,51%)
(0.17/0.00/0.56/0.51)	

Canali CMYK in percentuale

%17.46
%0
%56.35
%50.59

Codici del colore

Il #687E37 nei modelli di colore popolari.

687E37
RGB10412655
HSL79°39.23%35.49%
HSB/HSV79°56.35%49.41%
CMYK17.46%0.00%56.35%
50.59%

Il #687E37 nei modelli numerici popolari.

Esadicemale687E37
Decimale10412655
Binario11010001111110110111
Ottale15017667

Tonalita del colore

Tonalità scure del colore #687E37

#687E37
(104,126,55)
#5F7332
(95,115,50)
#56682D
(86,104,45)
#4D5D28
(77,93,40)
#445223
(68,82,35)
#3B471E
(59,71,30)
#323C19
(50,60,25)
#293114
(41,49,20)
#20260F
(32,38,15)
#171B0A
(23,27,10)
#0E1005
(14,16,5)
#000000
(0,0,0)

Tonalità chiare del colore #687E37

#687E37
(104,126,55)
#758949
(117,137,73)
#82945B
(130,148,91)
#8F9F6D
(143,159,109)
#9CAA7F
(156,170,127)
#A9B591
(169,181,145)
#B6C0A3
(182,192,163)
#C3CBB5
(195,203,181)
#D0D6C7
(208,214,199)
#DDE1D9
(221,225,217)
#EAECEB
(234,236,235)
#FFFFFF
(255,255,255)

Stili css3

Esempi dei codici css e html per gli elementi di colore #687E37. Utilizzate rgb(104,126,55) anche al posto del codice hex.

Colore del testo

.myTextColor { color: #687E37; }

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

Il colore di questo testo è #687E37.


Colore dello sfondo

.myBgColor { background-color: #687E37; }

<div style="background-color:#687E37">Inner text</div>

Questo div ha lo sfondo di colore #687E37.


Colore del bordo

.myBorderColor { border: 1px solid #687E37; }

<div style="border:3px solid #687E37">Div</div>

Questo div ha i bordi di colore 687E37.


Trasparenza

.myOpacity80 { color: #687E37; opacity: 0.8; }

<p style="color:#687E37;opacity:0.8;">80%</p>

Il testo di color #687E37 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 #687E37;}

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

Questo testo ha l'ombra di colore #687E37.

.textShadow {text-shadow: 3px 3px 1px #687E37, 3px 3px 1px red;}

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

Questo testo ha l'ombra del colore principale #687E37 e del colore secondario rosso.


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

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

This text has shadow with #687E37 and red colors in old Internet Explorer.


Colore dell'ombra dell'elemento div

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

/* html code with inline style */
<div style="-moz-box-shadow: 1px 1px 3px 2px #687E37;
-webkit-box-shadow: 1px 1px 3px 2px #687E37;
box-shadow:1px 1px 3px 2px #687E37;">
Div content here</div>
Questo div ha l'ombra di colore #687E37.

Esempi

Esempio del colore sullo sfondo nero

Questo e il testo di colore #687E37 sullo sfondo nero.


Esempio del colore sullo sfondo bianco

Questo e il testo di colore #687E37 sullo sfondo bianco.



Esempio del testo nero sullo sfondo del colore #687E37

Questo è un testo nero sullo sfondo del colore #687E37.


Esempio del testo bianco sullo sfondo del colore #687E37

Questo è un testo bianco sullo sfondo del colore #687E37.