COLORE #6A8F59

HEX: #6A8F59
RGB: (106,143,89)

Informazioni

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

Modello di colore RGB

Il colore 6A8F59 in RGB è definito come 106,143,89

  • Il rosso è 106;
  • Il verde è 143;
  • Il blu è 89.
RGB:
(106,143,89)
(42%,56%,35%)

Rapporto dei colori in RGB

R 106 da 255 = 42%
G 143 da 255 = 56%
B 89 da 255 = 35%

106
143
89

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

Canali RGB in percentuale

R + G + B =
106 + 143 + 89 = 338 (100%)
R 106 da 338 ~ 31.36%
G 143 da 338 ~ 42.31%
B 89 da 338 ~ 26.33%

%31.36
%42.31
%26.33

Modello di colore CMYK

Il colore #6A8F59 in CMYK è definito come 26,0,38,44.

  • Il color verde blu è 25.87%
  • Il color magenta è 0.00%
  • Il giallo è 37.76%
  • Il colore chiave è 43.92%
CMYK:
(26,0,38,44)
C26M0Y38K44 
(26%,0%,38%,44%)
(0.26/0.00/0.38/0.44)	

Canali CMYK in percentuale

%25.87
%0
%37.76
%43.92

Codici del colore

Il #6A8F59 nei modelli di colore popolari.

6A8F59
RGB10614389
HSL101°23.28%45.49%
HSB/HSV101°37.76%56.08%
CMYK25.87%0.00%37.76%
43.92%

Il #6A8F59 nei modelli numerici popolari.

Esadicemale6A8F59
Decimale10614389
Binario1101010100011111011001
Ottale152217131

Tonalita del colore

Tonalità scure del colore #6A8F59

#6A8F59
(106,143,89)
#618251
(97,130,81)
#587549
(88,117,73)
#4F6841
(79,104,65)
#465B39
(70,91,57)
#3D4E31
(61,78,49)
#344129
(52,65,41)
#2B3421
(43,52,33)
#222719
(34,39,25)
#191A11
(25,26,17)
#100D09
(16,13,9)
#000000
(0,0,0)

Tonalità chiare del colore #6A8F59

#6A8F59
(106,143,89)
#779968
(119,153,104)
#84A377
(132,163,119)
#91AD86
(145,173,134)
#9EB795
(158,183,149)
#ABC1A4
(171,193,164)
#B8CBB3
(184,203,179)
#C5D5C2
(197,213,194)
#D2DFD1
(210,223,209)
#DFE9E0
(223,233,224)
#ECF3EF
(236,243,239)
#FFFFFF
(255,255,255)

Stili css3

Esempi dei codici css e html per gli elementi di colore #6A8F59. Utilizzate rgb(106,143,89) anche al posto del codice hex.

Colore del testo

.myTextColor { color: #6A8F59; }

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

Il colore di questo testo è #6A8F59.


Colore dello sfondo

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

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

Questo div ha lo sfondo di colore #6A8F59.


Colore del bordo

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

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

Questo div ha i bordi di colore 6A8F59.


Trasparenza

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

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

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

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

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

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

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

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


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

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

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


Colore dell'ombra dell'elemento div

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

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

Esempi

Esempio del colore sullo sfondo nero

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


Esempio del colore sullo sfondo bianco

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



Esempio del testo nero sullo sfondo del colore #6A8F59

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


Esempio del testo bianco sullo sfondo del colore #6A8F59

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