COLORE #6B8995

HEX: #6B8995
RGB: (107,137,149)

Informazioni

Il colore #6B8995 contiene il rosso, il verde e il blu in proporzioni più o meno uguali. Per il #6B8995 il colore web safe è #669999 (#699).

Modello di colore RGB

Il colore 6B8995 in RGB è definito come 107,137,149

  • Il rosso è 107;
  • Il verde è 137;
  • Il blu è 149.
RGB:
(107,137,149)
(42%,54%,58%)

Rapporto dei colori in RGB

R 107 da 255 = 42%
G 137 da 255 = 54%
B 149 da 255 = 58%

107
137
149

R + G + B ~ 51%. #6B8995 colore medio (né scuro né chiaro).

Canali RGB in percentuale

R + G + B =
107 + 137 + 149 = 393 (100%)
R 107 da 393 ~ 27.23%
G 137 da 393 ~ 34.86%
B 149 da 393 ~ 37.91%

%27.23
%34.86
%37.91

Modello di colore CMYK

Il colore #6B8995 in CMYK è definito come 28,8,0,42.

  • Il color verde blu è 28.19%
  • Il color magenta è 8.05%
  • Il giallo è 0.00%
  • Il colore chiave è 41.57%
CMYK:
(28,8,0,42)
C28M8Y0K42 
(28%,8%,0%,42%)
(0.28/0.08/0.00/0.42)	

Canali CMYK in percentuale

%28.19
%8.05
%0
%41.57

Codici del colore

Il #6B8995 nei modelli di colore popolari.

6B8995
RGB107137149
HSL197°16.54%50.20%
HSB/HSV197°28.19%58.43%
CMYK28.19%8.05%0.00%
41.57%

Il #6B8995 nei modelli numerici popolari.

Esadicemale6B8995
Decimale107137149
Binario11010111000100110010101
Ottale153211225

Tonalita del colore

Tonalità scure del colore #6B8995

#6B8995
(107,137,149)
#627D88
(98,125,136)
#59717B
(89,113,123)
#50656E
(80,101,110)
#475961
(71,89,97)
#3E4D54
(62,77,84)
#354147
(53,65,71)
#2C353A
(44,53,58)
#23292D
(35,41,45)
#1A1D20
(26,29,32)
#111113
(17,17,19)
#000000
(0,0,0)

Tonalità chiare del colore #6B8995

#6B8995
(107,137,149)
#78939E
(120,147,158)
#859DA7
(133,157,167)
#92A7B0
(146,167,176)
#9FB1B9
(159,177,185)
#ACBBC2
(172,187,194)
#B9C5CB
(185,197,203)
#C6CFD4
(198,207,212)
#D3D9DD
(211,217,221)
#E0E3E6
(224,227,230)
#EDEDEF
(237,237,239)
#FFFFFF
(255,255,255)

Stili css3

Esempi dei codici css e html per gli elementi di colore #6B8995. Utilizzate rgb(107,137,149) anche al posto del codice hex.

Colore del testo

.myTextColor { color: #6B8995; }

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

Il colore di questo testo è #6B8995.


Colore dello sfondo

.myBgColor { background-color: #6B8995; }

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

Questo div ha lo sfondo di colore #6B8995.


Colore del bordo

.myBorderColor { border: 1px solid #6B8995; }

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

Questo div ha i bordi di colore 6B8995.


Trasparenza

.myOpacity80 { color: #6B8995; opacity: 0.8; }

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

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

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

Questo testo ha l'ombra di colore #6B8995.

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

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

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


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

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

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


Colore dell'ombra dell'elemento div

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

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

Esempi

Esempio del colore sullo sfondo nero

Questo e il testo di colore #6B8995 sullo sfondo nero.


Esempio del colore sullo sfondo bianco

Questo e il testo di colore #6B8995 sullo sfondo bianco.



Esempio del testo nero sullo sfondo del colore #6B8995

Questo è un testo nero sullo sfondo del colore #6B8995.


Esempio del testo bianco sullo sfondo del colore #6B8995

Questo è un testo bianco sullo sfondo del colore #6B8995.