COLORE #688775

HEX: #688775
RGB: (104,135,117)

Informazioni

Il colore #688775 contiene il rosso, il verde e il blu in proporzioni più o meno uguali. Per il #688775 il colore web safe è #669966 (#696).

Modello di colore RGB

Il colore 688775 in RGB è definito come 104,135,117

  • Il rosso è 104;
  • Il verde è 135;
  • Il blu è 117.
RGB:
(104,135,117)
(41%,53%,46%)

Rapporto dei colori in RGB

R 104 da 255 = 41%
G 135 da 255 = 53%
B 117 da 255 = 46%

104
135
117

R + G + B ~ 47%. #688775 colore medio (né scuro né chiaro).

Canali RGB in percentuale

R + G + B =
104 + 135 + 117 = 356 (100%)
R 104 da 356 ~ 29.21%
G 135 da 356 ~ 37.92%
B 117 da 356 ~ 32.87%

%29.21
%37.92
%32.87

Modello di colore CMYK

Il colore #688775 in CMYK è definito come 23,0,13,47.

  • Il color verde blu è 22.96%
  • Il color magenta è 0.00%
  • Il giallo è 13.33%
  • Il colore chiave è 47.06%
CMYK:
(23,0,13,47)
C23M0Y13K47 
(23%,0%,13%,47%)
(0.23/0.00/0.13/0.47)	

Canali CMYK in percentuale

%22.96
%0
%13.33
%47.06

Codici del colore

Il #688775 nei modelli di colore popolari.

688775
RGB104135117
HSL145°12.97%46.86%
HSB/HSV145°22.96%52.94%
CMYK22.96%0.00%13.33%
47.06%

Il #688775 nei modelli numerici popolari.

Esadicemale688775
Decimale104135117
Binario1101000100001111110101
Ottale150207165

Tonalita del colore

Tonalità scure del colore #688775

#688775
(104,135,117)
#5F7B6B
(95,123,107)
#566F61
(86,111,97)
#4D6357
(77,99,87)
#44574D
(68,87,77)
#3B4B43
(59,75,67)
#323F39
(50,63,57)
#29332F
(41,51,47)
#202725
(32,39,37)
#171B1B
(23,27,27)
#0E0F11
(14,15,17)
#000000
(0,0,0)

Tonalità chiare del colore #688775

#688775
(104,135,117)
#759181
(117,145,129)
#829B8D
(130,155,141)
#8FA599
(143,165,153)
#9CAFA5
(156,175,165)
#A9B9B1
(169,185,177)
#B6C3BD
(182,195,189)
#C3CDC9
(195,205,201)
#D0D7D5
(208,215,213)
#DDE1E1
(221,225,225)
#EAEBED
(234,235,237)
#FFFFFF
(255,255,255)

Stili css3

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

Colore del testo

.myTextColor { color: #688775; }

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

Il colore di questo testo è #688775.


Colore dello sfondo

.myBgColor { background-color: #688775; }

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

Questo div ha lo sfondo di colore #688775.


Colore del bordo

.myBorderColor { border: 1px solid #688775; }

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

Questo div ha i bordi di colore 688775.


Trasparenza

.myOpacity80 { color: #688775; opacity: 0.8; }

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

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

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

Questo testo ha l'ombra di colore #688775.

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

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

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


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

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

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


Colore dell'ombra dell'elemento div

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

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

Esempi

Esempio del colore sullo sfondo nero

Questo e il testo di colore #688775 sullo sfondo nero.


Esempio del colore sullo sfondo bianco

Questo e il testo di colore #688775 sullo sfondo bianco.



Esempio del testo nero sullo sfondo del colore #688775

Questo è un testo nero sullo sfondo del colore #688775.


Esempio del testo bianco sullo sfondo del colore #688775

Questo è un testo bianco sullo sfondo del colore #688775.