Colore #6F9349, codici hex ed rgb, esempi

Informazioni

Il colore #6F9349 contiene principalmente il rosso e il verde. Per il #6F9349 il colore web safe è #669933 (#693).

Modello di colore RGB

Il colore 6F9349 in RGB è definito come 111,147,73

Il rosso è 111;
Il verde è 147;
Il blu è 73.

RGB:
(111,147,73)
(44%,58%,29%)

Rapporto dei colori in RGB

R 111 da 255 = 44%
G 147 da 255 = 58%
B 73 da 255 = 29%

111

147

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

Canali RGB in percentuale

R + G + B =
111 + 147 + 73 = 331 (100%)
R 111 da 331 ~ 33.53%
G 147 da 331 ~ 44.41%
B 73 da 331 ~ 22.05%

%33.53

%44.41

%22.05

Modello di colore CMYK

Il colore #6F9349 in CMYK è definito come 24,0,50,42.

Il color verde blu è 24.49%
Il color magenta è 0.00%
Il giallo è 50.34%
Il colore chiave è 42.35%

CMYK:
(24,0,50,42)
C24M0Y50K42 
(24%,0%,50%,42%)
(0.24/0.00/0.50/0.42)

Canali CMYK in percentuale

%24.49

%50.34

%42.35

Codici del colore

Il #6F9349 nei modelli di colore popolari.

	6F	93	49
RGB	111	147	73
HSL	89°	33.64%	43.14%
HSB/HSV	89°	50.34%	57.65%
CMYK	24.49%	0.00%	50.34%
CMYK	42.35%

Il #6F9349 nei modelli numerici popolari.

Esadicemale	6F	93	49
Decimale	111	147	73
Binario	1101111	10010011	1001001
Ottale	157	223	111

Tonalita del colore

Tonalità scure del colore #6F9349

#6F9349
(111,147,73)

#658643
(101,134,67)

#5B793D
(91,121,61)

#516C37
(81,108,55)

#475F31
(71,95,49)

#3D522B
(61,82,43)

#334525
(51,69,37)

#29381F
(41,56,31)

#1F2B19
(31,43,25)

#151E13
(21,30,19)

#0B110D
(11,17,13)

#000000
(0,0,0)

Tonalità chiare del colore #6F9349

#6F9349
(111,147,73)

#7C9C59
(124,156,89)

#89A569
(137,165,105)

#96AE79
(150,174,121)

#A3B789
(163,183,137)

#B0C099
(176,192,153)

#BDC9A9
(189,201,169)

#CAD2B9
(202,210,185)

#D7DBC9
(215,219,201)

#E4E4D9
(228,228,217)

#F1EDE9
(241,237,233)

#FFFFFF
(255,255,255)

Stili css3

Esempi dei codici css e html per gli elementi di colore #6F9349. Utilizzate rgb(111,147,73) anche al posto del codice hex.

Colore del testo

.myTextColor { color: #6F9349; }

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

Il colore di questo testo è #6F9349.

Colore dello sfondo

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

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

Questo div ha lo sfondo di colore #6F9349.

Colore del bordo

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

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

Questo div ha i bordi di colore 6F9349.

Trasparenza

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

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

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

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

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

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

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

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

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

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

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

Colore dell'ombra dell'elemento div

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

/* html code with inline style */
<div style="-moz-box-shadow: 1px 1px 3px 2px #6F9349;
-webkit-box-shadow: 1px 1px 3px 2px #6F9349;
box-shadow:1px 1px 3px 2px #6F9349;">
Div content here</div>

Questo div ha l'ombra di colore #6F9349.

Esempi

Esempio del colore sullo sfondo nero

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

Esempio del colore sullo sfondo bianco

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

Esempio del testo nero sullo sfondo del colore #6F9349

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

Esempio del testo bianco sullo sfondo del colore #6F9349

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

COLORE #6F9349