COLORE #6B9C98

HEX: #6B9C98
RGB: (107,156,152)

Informazioni

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

Modello di colore RGB

Il colore 6B9C98 in RGB è definito come 107,156,152

  • Il rosso è 107;
  • Il verde è 156;
  • Il blu è 152.
RGB:
(107,156,152)
(42%,61%,60%)

Rapporto dei colori in RGB

R 107 da 255 = 42%
G 156 da 255 = 61%
B 152 da 255 = 60%

107
156
152

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

Canali RGB in percentuale

R + G + B =
107 + 156 + 152 = 415 (100%)
R 107 da 415 ~ 25.78%
G 156 da 415 ~ 37.59%
B 152 da 415 ~ 36.63%

%25.78
%37.59
%36.63

Modello di colore CMYK

Il colore #6B9C98 in CMYK è definito come 31,0,3,39.

  • Il color verde blu è 31.41%
  • Il color magenta è 0.00%
  • Il giallo è 2.56%
  • Il colore chiave è 38.82%
CMYK:
(31,0,3,39)
C31M0Y3K39 
(31%,0%,3%,39%)
(0.31/0.00/0.03/0.39)	

Canali CMYK in percentuale

%31.41
%0
%2.56
%38.82

Codici del colore

Il #6B9C98 nei modelli di colore popolari.

6B9C98
RGB107156152
HSL175°19.84%51.57%
HSB/HSV175°31.41%61.18%
CMYK31.41%0.00%2.56%
38.82%

Il #6B9C98 nei modelli numerici popolari.

Esadicemale6B9C98
Decimale107156152
Binario11010111001110010011000
Ottale153234230

Tonalita del colore

Tonalità scure del colore #6B9C98

#6B9C98
(107,156,152)
#628E8B
(98,142,139)
#59807E
(89,128,126)
#507271
(80,114,113)
#476464
(71,100,100)
#3E5657
(62,86,87)
#35484A
(53,72,74)
#2C3A3D
(44,58,61)
#232C30
(35,44,48)
#1A1E23
(26,30,35)
#111016
(17,16,22)
#000000
(0,0,0)

Tonalità chiare del colore #6B9C98

#6B9C98
(107,156,152)
#78A5A1
(120,165,161)
#85AEAA
(133,174,170)
#92B7B3
(146,183,179)
#9FC0BC
(159,192,188)
#ACC9C5
(172,201,197)
#B9D2CE
(185,210,206)
#C6DBD7
(198,219,215)
#D3E4E0
(211,228,224)
#E0EDE9
(224,237,233)
#EDF6F2
(237,246,242)
#FFFFFF
(255,255,255)

Stili css3

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

Colore del testo

.myTextColor { color: #6B9C98; }

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

Il colore di questo testo è #6B9C98.


Colore dello sfondo

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

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

Questo div ha lo sfondo di colore #6B9C98.


Colore del bordo

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

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

Questo div ha i bordi di colore 6B9C98.


Trasparenza

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

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

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

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

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

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

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

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


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

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

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


Colore dell'ombra dell'elemento div

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

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

Esempi

Esempio del colore sullo sfondo nero

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


Esempio del colore sullo sfondo bianco

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



Esempio del testo nero sullo sfondo del colore #6B9C98

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


Esempio del testo bianco sullo sfondo del colore #6B9C98

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